코코아톡 클론 코딩 수강 후기

수강을 하게 된 계기팀 프로젝트에서 프론트엔드를 맡았지만 HTML, CSS에 대한 이해는 없었다. 문제를 마주칠 때마다 인터넷을 통해 이해도 하지 못한 채 해결해나갔다. 일단 프로젝트는 돌아가게 만들었다. 하지만 기본 이해가 없었기 때문에 기능 개발에 비용이 많이 들어갔다. 빠르고 정확한 개발을 하기 위해 개념들을 이해하고 연습을 할 필요가 있었다. 따라서 코코아톡을 수강하게 되었다.배운 내용코코아톡 클론코딩은 HTML, CSS를 배우고 직접 적용할 수 있는 수업이다. HTML, CSS는 웹/애플리케이션을 만들기 위해서는 반드시 알고 있어야한다. 태그들의 사용법부터 스타일링까지 하나씩 배운 후에 마지막에 카카오톡을 클론하는 것으로 마무리한다.사용법 외에 모르는 내용을 검색하는 방법도 가르친다. 내가 찾고..

• format_list_bulleted 기록/후기
• · 2024. 9. 22.

[ 백준 / Python ] 18110 - solved.ac

문제출처 https://www.acmicpc.net/problem/18110문제회고절삭평균이라는 개념을 이용해 알고리즘을 구현해야하는 문제였다. 엣지 케이스에 대한 연습과 파이썬의 round 함수의 작동원리를 배울 수 있게 되었다. 게다가 시간초과를 극복하기 위해 input 대신에 sys.stdin.readline을 써야했다. round() 함수반올림이란 수가 있을 때 5보다 작으면 내리고 5와 같거나 크다면 다음 자리에 1을 더하는 개념이다. 하지만 파이썬의 round 함수는 다르게 작동한다. 수가 5보다 작으면 내리고 5보다 클 때 올리는 것은 동일하다. 하지만 수가 5일 때 처리하는 방식이 반올림 개념과 다르다. 수가 5일 때는 앞자리가 홀수일 때 내리고 짝수일 때는 올린다. 문제접근input함수와..

• format_list_bulleted PS/백준
• · 2024. 9. 21.

[ Javascript ] 2가지 이상의 색을 섞은 경우의 배경 바꾸기

목표버튼을 클릭할 때마다 배경색을 바꾸는 기능을 구현하기원리버튼을 클릭하면 클릭 이벤트가 발생한다. 클릭 이벤트에 대해 이벤트 헨들러를 등록을 한다. 이벤트 헨들러는 호출 될 때마다 색상코드가 들어가 있는 배열의 인덱스를 무작위로 가져온 후에 태그의 속성에 추가를 한다.코드HTML 코드 Give me color CSS 코드body { height: 100vh; width: 100%; display: flex; justify-content: center; align-items: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open..

• format_list_bulleted 프로그래밍 언어/JavaScript
• · 2024. 9. 20.

[ Javascript ] 시계 만들기

#1 interval이란?주가, 서버 요청 등과 같이 주기적으로 해야할 일들이 있을 때의 주기공간이 interval이다.#2 interval 설정방법설정방법반복해서 실행할 함수를 정의한다.// 함수 정의function sayHello() { console.log("Hello");}interval를 설정한다. 첫번째 인자는 호출할 함수, 두번째 인자는 밀리초 단위의 시간을 넣는다.// interval 설정setInterval(sayHello, 1000);최종형태는 다음과 같다.// 함수 정의function sayHello() { console.log("Hello");}// interval 설정setInterval(sayHello, 1000);#3 예제: 시계만들기시계만들기HTML문서를 준비한다...

• format_list_bulleted 프로그래밍 언어/JavaScript
• · 2024. 9. 17.

[ HTML ] form, input, label 태그

#1 form 태그란? The HTML element represents a document section containing interactive controls for submitting information.form 태그는 사용자로부터 필요한 데이터를 입력받기 위한 인터페이스 등을 구성요소로 갖는 태그이다. input태그를 form 태그 안에서 자주 사용한다.#2 input 태그란? The HTML element is used to create interactive controls for web-based forms in order to accept data from the user.input 태그는 form태그에서 사용자로부터 데이터를 받기 위해 사용하는 태그다.#3 input 태그 공통 속성..

• format_list_bulleted 프로그래밍 언어/HTML, CSS
• · 2024. 9. 13.

[ C++ ] 정적할당, 동적할당

#1 메모리 할당데이터를 사용하려면 메모리에 올려야한다. 메모리에 올리려면 공간부터 할당을 받아야한다. 스택 메모리에 할당받는 방식을 정적할당, 힙 메모리에 할당받는 방식이 동적할당이다.#2 정적할당정적할당 사용법MyObj o = MyObj(); // 정적할당변수에 객체나 데이터를 저장하는 방식은 대부분 정적할당 방식이다. 정적할당시 객체, 구조체, 혹은 데이터 그 자체를 반환받는다. 즉, 변수에는 데이터 자체가 저장된다.정적할당 사용이유정적할당을 할 경우 스택 메모리에 올라간다. 스택 메모리에 올라간 데이터는 포인터의 도움을 받지 않은 이상에는 스코프를 벗어나서 사용할 수 없다. 즉, 정적할당은 사용되는 스코프가 한정되어 있는 경우, 예를 들어 함수나 객체 내부와 같이 지역변수로 사용할 때처럼 일시적으..

• format_list_bulleted 프로그래밍 언어/C++
• · 2024. 9. 9.