개발 일기

Section 1. 리액트 소개 리액트는 무엇인가? UI를 만들기 위한 JS 라이브러리 라이브러리: 자주 사용되는 기능들을 정리해 모아 놓은 것 UI: 사용자와 컴퓨터 프로그램의 상호작용을 중간에서 제어해주는 것 JS UI library: NgularJS(Google), React(Meta), Vue.js(중국인 개발자가 시작한 오픈소스 프로젝트) - 리액트는 라이브러리, 나머지 둘은 프레임워크 프레임워크 vs 라이브러리: 프로그램의 흐름에 대한 제어 권한 - 프레임워크는 제어 권한을 프레임워크가 갖고 있는 반면 라이브러리는 개발자가 필요한 부분만 끌어다 쓰는 것(제어 권한이 개발자에게 있음) 웹 개발의 트렌드 - 계속 바뀜 → 웹사이트의 작동 원리와 흐름을 함께 이해하는 것이 중요 SPA - 하나의 H..

Section 0. 준비하기 HTML과 CSS 마크업: 문서나 데이터를 처리하기 위해 문서에 추가되는 정보 HTML: 마크업 언어의 한 종류 - 웹, 앱에 사용 → 웹사이트의 뼈대를 구성하기 위해 사용되는 마크업 언어 Tag: 태그는 열었으면 꼭 닫아줘야 함 (예외: 등) 웹사이트의 뼈대를 구성하는 태그 head 태그에 웹사이트의 속성이 들어감 (제목, 설명 등) → 속성: 메타 데이터 body 태그 안에 들어간 내용이 사용자가 보게 되는 컨텐츠 SPA(Single Page Application) (↔ MPA) 페이지가 하나 = HTML 파일이 하나 - 바디 태그 내부를 동적으로 채워넣음 (리액트가 채워넣는 역할을 함) CSS: 웹 사이트에 레이아웃, 디자인을 입히는 언어 JavaScript 소개 및 자..