👱♂️간헐적 회고 나오늘 뭐했냐 1. 리액트를 다루는 기술 코드 스플리팅과 React.lazy 부분을 읽고 실습했다. 2. Loadable Components를 간단하게 사용해봤다. 3. 브라우저 주소창에 도메인네임을 입력하면 무슨일이 일어날지 정리했다. 4. ARP 프로토콜에 대해서 간단하게 정리했다(IT 엔지니어를 위한 네트워크 입문에서 참고) 5. 호이스팅에 대한 스터디 발표 진행 6. mkcert를 이용해 윈도우환경에서 https 프로토콜 사용하기
🐕 Redux Redux는 상태관리 라이브러리이며 리액트에 종속되는 라이브러리가 아닙니다. 따라서 리액트 환경 뿐만 아니라 다양한 환경 심지어는 바닐라 자바스크립트에서도 리덕스를 사용할 수 있습니다. 리덕스는 하위 컴포넌트의 상태 공유를 위해서 상태 끌어올리기와 props drilling을 반복해야한다는 리액트의 구조에서 기인한 문제점을 해결해줍니다. 컴포넌트의 깊이가 깊지 않은 경우에는 props를 사용해서 상태를 내려주는 것도 상태 끌어올리기를 통해 서로 다른 하위 컴포넌트에서 사용해야 할 상태를 상위 컴포넌트에서 관리하는 것 또한 그리 귀찮지 않은 범위에서 가능하지만 구조의 복잡도가 심해지고 깊이가 깊어질수록 이런식의 데이터흐름은 복잡도가 올라갑니다. 어느정도의 시점까지는 필요한 상태를 최대한 가까..
👱♂️간헐적 회고 나오늘 뭐했냐 오늘 내가 이루어낸 것 1. 피그마 페어 과제 완성 및 제시간에 제출 2. 인증과 인가 우테크 (루피) 정주행 완료 3. 리액트 쿼리를 쓰는 이유 46분까지 봤음.. 2시간짜리인데 내일 다 볼거임 4. 스터디 context API 사용법 및 우산테크닉에 대해 학습함. 5. 리덕스 과제 테스트 통과 완료 6. 모더레이터 진행 했음..(이거 너무 기 빨림 흑흑) 한게 얼마 없는것같은데 저 피그마 페어 과제 완성하는데에 시간이 엄청나게 들어갔기 때문.. 덕분에 피그마 어떻게 쓰는건지 대충은 감이 잡힙니다. 고오맙다 최고 피그마야 다시는 보지말자
🐕 UI/UX UX(User Experience)는 사용자 경험을 의미합니다. 사용자가 어떤 시스템이나 제품, 서비스 등을 직간접적으로 이용하면서 느끼고 생각하는 총체적 경험을 의미한다고 하며 넓은 범위의 의미를 가지기 때문에 자연스럽게 UI(User Interface)는 UX의 하위 개념으로 인식하는 것도 가능합니다. UX는 UI를 포함하지만 좋은 UX가 좋은 UI를 의미하거나 좋은 UI가 좋은 UX를 보장하지는 않습니다. 프론트엔드에서의 UI 디자인패턴으로는 대표적으로 모달, 토글, 탭 , 태그 , 자동완성 , 드롭다운 , 아코디언, 캐러셀, 페이지네이션, 한무스크롤, GNB , LNB 등이 있습니다. 👻컬럼 그리드 시스템 웹 디자인 분야에서는 화면을 세로로 몇개의 영역으로 나눌 것인가에 대해 초점을..
👱♂️간헐적 회고 나오늘 뭐했냐 오늘은 재귀를 배웠는데 슬슬 재귀의 구조가 눈에 보일랑 말랑 할 것 같다. 언젠간 나도 재귀를 코파듯이 할 수 있는 사람이 되었으면 좋겠다.. 리덕스 툴킷을 바로 배워보려고 해봤는데 이거 진짜 괜찮네요... 그냥 리덕스로 돌아가기 싫어짐 오늘의 done list 1. 리덕스 툴킷의 기본적인 사용법을 익혔다 2. 정규 과정을 들었다(당연함) 3. 웹표준 정리를 다했다. 이거 분량이 좀 많았음 4. 유닛5 웹표준 종합퀴즈 제출 완료 5. 키보드를 구매했다.(현재 쓰는 키보드가 점점 맛탱이가 가는게 느껴진다..) 6. 쿠키 , 세션, 인증, 인가, 토큰 ,캐시에 대해서 살짝 흝어봤다. 유아클래스와 우테크의 도움으로.. 7. 유즈메모에 대해서 스터디로 복습했다. 잠을 너무 늦게..
👱♂️간헐적 회고 나오늘 뭐했냐 매일매일 쓰겠다는 터무니 없는 계획을 세우면 안지킬 것은 알기 때문에 간헐적으로 생각날 때 적는 회고 카테고리가 있으면 재밌겠다 싶어 하나 만들어봤습니다. 슬슬 공부하는 내용이 어려워지면서 완전히 체화되지 않은 채로 블로그를 작성하려고 하다보면 나도 내가 무슨 소리를 하는지 모르겠고 내가 쓴 블로그 글을 봐도 이해가 안되는 심각한 상황에 처했기 때문입니다. 하지만 그렇다고 마냥 노는 건 아니고요.. 나름대로 여러가지를 해보고있읍니다.. 간단한 done list를 간헐적으로 작성해볼까 싶습니다. 1. 정규과정을 들었다 오늘은 재귀함수를 뽀갰음 2. DFS, BFS 문제 풀이를 보면서 설명을 들었다. 3. 정규과정 unit 2,3,4,6 종합퀴즈 제출 및 흝어보기 완료 4...
🐕 호이스팅으로 딥다이브를 해보자https://ingg.dev/hoisting/ [JS] 호이스팅과 TDZ에 대하여js 호이스팅(Hoisting)이란 변수나 함수를 선언했을 때 코드 범위(scope) 내의 최상단으로 끌어올려지는 것처럼 보이는 현상이다. 흔히 var 는 호이스팅이 발생하며, const 와 let 은 발생하지 않는다고ingg.dev 호이스팅은 자바스크립트를 배우다보면 거의 기본문법을 배우자마자 배우게되는 개념이기도 합니다.그만큼 자바스크립트에서 중요한 개념으로 작용하고 있고모르면 의도와는 다르게 동작하는 자바스크립트를 만날 수 있는 개념이기도 하고언어 자체의 결함이라고 말씀하시는 분들도 있습니다.다만 호이스팅은 그만큼 학습을 처음 시작하시는 분들이 많이 공부하는 내용이다보니여러가지 유언비..
🐕 계산된 속성 이름이란? https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Object_initializer 객체 초기자 - JavaScript | MDN 객체는 new Object(), Object.create() 또는 literal 표기법(initializer 표기법)을 사용해 초기화될 수 있습니다. 객체 초기자는 중괄호({})로 묶인 0개 이상의 객체의 프로퍼티명과 관련 값의 쌍을 콤마로 구 developer.mozilla.org 위 Mozila 링크에서 확인해볼 수 있는 내용입니다. Computed Property Name 문법은 ECMAScript 2015에 추가된 문법으로 // 프로퍼티명 약식 (ES2015) l..
