Step by Step

Callback 함수는 이해하기가 정말 까다로웠다 함수 안에 함수를 호출하는데 작동 순서, 원리등을 이해하는데 꽤 오랜 시간이 걸렸다. 두번째 예시는 주로 강의에서 설명하던 방식인데 함수안에 저런 형태의 함수는 한번에 이해하기 힘들어서 첫번째 예시로 다시 만들어서 생각해보니 이해하기 훨씬 쉬웠다. const add = (a, b, cb) => { return cb(a + b); }; const say = (val) => { return console.log(val); }; add(3, 4, say); add 함수 안에 a,b,cb 인자를 받아주었는데 cb는 함수 인자이다. 작동 순서는 add(3,4,say)로 예시를 들면 3,4의 합을 say함수 인자로 받는다. 그 후 say 함수에서 console.lo..

프론트엔드 개발 HTML,CSS,JS를 사용하여 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고 그것으로 사용자와 상호 작용할 수 있도록 하는 것. HTML(구조) : 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당 CSS(스타일) : 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃)을 지정해 콘텐츠를 꾸며주는 시각적인 역할을 담당 JS(동적) : 콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당 웹 애플리케이션의 동작 원리 통신 프로토콜은 컴퓨터나 원거리 통신 장비 사이에서 메시지를 주고 받는 양식 및 규칙의 체계를 의미한다 대표적으로 HTTP, HTTPS, FTP, SSL 등 웹 표준 웹 표준이랑 웹에서 사용되는 표준 기술이나 규칙을 의미 W3C의 표준..

# 모달창과 팝업창의 차이 ## 팝업창 팝업창이란 현재 열려있는 브라우저 페이지에 또 다른 브라우저 페이지를 띄우는 것이다. 즉, 창 + 창 이란 개념이다. 브라우저에서 이 창을 열기 닫기를 제어할 수 있다. ## 모달창 새로 뜬 자식창을 닫기 전까지는 부모와의 소통이 불가능 모달창은 기존의 브라우저 페이지 위에 새로운 윈도우 창이 아닌 레이어를 띄우는 것을 말한다. 모달창은 제거를 하지 않고도 페이지를 이동하면 자연히 사라진다. 기존의 페이지와 부모-자식 관계를 갖으며, 브라우저의 새 창 제어 옵션에는 전혀 영향을 받지 않는다. 모달을 실행한 채로 부모창의 스크롤이 가능하지 않으면 모달, 가능하다면 모달리스라고 불린다. 이벤트 공지, 로그인/회원가입, 게시글 작성, 알림 등 용도는 다양하다. 공통점은 ..

#10장 일정관리 웹 애플리케이션 만들기 구성 순서 : 프로젝트 준비하기 -> UI 구성하기 -> 기능 구현하기 10.1 프로젝트 생성 및 필요 라이브러리 설치 body { margin: 0; padding: 0; background: #e9ecef; } const App = () => { return Todo App을 만들자! } export default App; 10.2 UI 구성하기 TodoTemplate : 화면을 가운데에 정렬시키며, 앱 타이틀을 보여준다. TodoInsert : 새로운 항목을 입력하고 추가할 수 있는 컴포넌트, state를 통해 인풋 상태 관리 TodoListItem : 각 할 일 항목에 대한 정보를 보여주는 컴포넌트이다. todo 객체를 props로 받아와서 상태에 따라 다..