그간 습관이 정말 안되던 글쓰기를 호기롭게 시작해본다.영문학 전공한 내가, 눈떠보니 RnD에서 일하고 있더라.근데, 태어나서 처음 봤던 CSS가, 그걸 능숙히 다루는 개발자가 2020년의 연금술사 같았더라.근데, 더 충격적인건 이건 코딩도 아니랜다.개발자를 향한 첫걸음
\-Middleware\-간단한 웹서버를 직접 만들어 chatterbox server에 적용 실습!\-Express 기술문서\-기술문서 읽는 법 (익숙해지려 노력중이다!)즉, 오늘은 CORS 복습과 Express 기술문서 정독해야 하는날!Express 문서에서 반드시
HTTP 네트워크 탭을 통해 HTTP 요청 및 응답을 확인하는 방법HTTP와 관련된 지식 중, 200, 400, 500번대 응답코드 구분 및 GET, POST 매서드, Content-Type 헤더 및 MIME 타입의 목적서버가 CORS를 허용하기 위한 HTTP 헤더 각
React란?ES6 & JSXJSX => 나만의 HTML Tag...!Valina JS와 ReactProps vs State 차이! => 요거 중요하지!조건부 랜더링 => 명확하지 않다. 랜더링이 무엇인가!?, 컴포넌트, 함수 컴포넌트, 클래스 형식,,,etc 여러 처
React의 탄생 비화!? -> 선언형/절차형 프로그래밍을 '지양' 하며 효율적이고 강력한 Library가 탄생했다.JSX란!? -> Javascript의 확장이다, 다시 한번 더 이친구는 JS이지, HTML이 아니다.Prpos & State함수 function과 ES
React 전반적인 복습Props.childrenSyntactic sugarReact Life Cycle
React의 특징: One way data flow, props를 이용해서 부모->자식 flow 이해하기상태 끌어올리기Pure function & Side effectSide effect를 다루는 React Life Cycle MethodReact Life Cycle
HooksHook을 이용한 Refactoring다시 순수함수와 Side effect또 다시, React Life Cycle DiagramReact-Components, 그 중에서 Modal상태 끌어올리기
전통적인 애플리케이션 방법: 자료실에서 exe, msi등의 설치파일 다운로드, 컴퓨터에 설치 후 로컬에서 앱 실행해서 사용오늘날 웹앱: 설치하지 않고, 웹에서 바로 앱을 실행, 간편하게 사용.로컬앱과 웹앱의 작동 차이!Cloud vs On-premiselaaS vs P