본문 바로가기

Archive

(4)
Next.js의 역할과 써야 하는 이유 제로초님의 노드 버드(트위터 클론 코딩) 강의를 듣고 주요 내용을 요약하여 정리해보고자 한다. 사실 2020년 리뉴얼된 시점에 FE 부분까지 수강하다가 일정이 바빠져 중단했던 내용인데 포트폴리오 보강을 위해 복습을 위해 다시 시작..! 그래도 기존에 공부하면서 기록해뒀던 내용들을 다시 읽으면서 보충하다 보니 기억이 새록새록 나는 것이 묘한 쾌감이 든다.. 역시 복습을 위해서는 기록이 필수.. ☄️ 중급자를 위해 준비한 [풀 스택, 웹 개발] 강의입니다. 리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다. 리뉴얼된 사항 (2020) next@9, styled-components@5, next-red..
[코드스피츠 87, 88] 위임된 속성 & async await ✔️코드스피츠 87 - JS의 위임된 속성 (Delegated Property) *Property 은닉과 캡슐화되어있는 것 *Property to Object --> delegate ✔️코드스피츠 88 - async await #1/2 *Sync Flow 메모리에 적재된 명령이 순차적으로 실행됨 *Sync Flow Control Goto를 통해 명령의 위치를 이동함 *Sub Flow 함수 등을 통해 별도의 명령 셋을 여러 번 실행함 (예제) function : 반복 사용할 수 있다. (sub flow에 속함) promise : 한번 사용되면 파기되고 다시 만들어야 함 (sub flow가 아님) *Blocking Sync Flow가 실행되는 동안 ㅏ른 일을 할 수 없는 현상 멀티태스킹 불가능 (노이만 머신..
[코드스피츠 78] ES6+함수와 OOP ✔️코드스피츠 78 - ES6+함수와 OOP 1회차 *Sub Routine Flow 메인 플로우가 아니라 서브루틴을 중심으로 보고 함수가 아니라 루틴의 관점에서 본다. -ES6에서는 function을 절대 쓰지 않는다. 왜? Class의 method에 정의하기 때문 this(function)는 의미가 없어진다. -Arrow Function 사용 -method는 class 구문으로 대체 *value vs reference 서브루틴에서 return 하는 게 ref 값이면 메인 플로우 안에 있는 원본 데이터를 변경시킬 가능성이 있다. 따라서, 되도록 서브루틴의 리턴 값은 1. readonly로 반환한다. 2. 또는 새 객체로 만들어 반환한다. *Structured Design(구조적 설계) by 래리 콘스탄틴..
[코드스피츠 77] ES6+ 기초 편 ✔️코드스피츠 77 - Es6+ 기초 편 1회차 *개발 시 생각해야 하는 요인들 철학 : 합리주의와 상대주의 가치 : 의사소통, 단순함, 유연함 원칙 : 지역화, 중복제거, 대칭성(get, set) 패턴 : 개발론, 설계론, 각종 적용 패턴 동기 : 돈, 시간 *Program & Timing -Compile Program language code (lint time) Machine Language (compile time) file Load* Run (run time) Terminate (context error) -Script Program language code (lint time) file Load* Machine Language Run (run time) Terminate *Runtime -cp..