오늘부터는 TIL을 꾸준히 적어보기로 했다! 지난번 그룹회고 딥토크 시간에 TIL의 중요성이 크게 와닿았다. 공부한 이론 내용을 정리하는 것도 여러모로 중요하지만,그보다 그 중에서도 내가 새롭게 배운 것, 헷갈렸던 것, 꼭 기억하고 넘어가야 할 것들을 정리하고, 그때
썸네일은 룸메이트가 그려준 내 모습 ㅎㅎ ㅋㅋㅋ 🌱오늘 한 것 DOM에 대해 학습했다 유효성 검사 과제를 끝냈다 🌱기억해야할 것 자바스크립트로 class를 추가(add) 또는 삭제(remove)해서 css 요소를 적용 또는 해제할 수 있다. getEleme
오늘의 썸네일은 친구한테 받은 화이트데이 선물...! 레몬맛만 먹어봤는데, 먹어보고 싶었던 애플민트맛을 받아서 너무 기분 좋았다 ㅎㅎ 너무 맜있어!! 고마워~ 🥹
썸네일은... 어제 갈려다가 현장 대기 마감이라서 못가고 눈물흘린 용산역 아이파크몰 슈슈룬 카페... 4월 30일 마감이니까 그 전에 무조건 한번 더 간다🥲 바깥에서 슬쩍 봐도 너무 예뻤다... 🌱오늘 한 것 객체 지향 프로그래밍에 대해 공부했다. 클로저 모
React 첫 수업! JSX에 대해서 배웠고, JSX문법에서 map함수 사용해서 배열 데이터에 접근하고 활용하는 법 실습 component 기반으로 개발하는 것의 중요성과 개발하는 법을 배우고 실습 Create React App에 대해 배우고 사용법 실습 React T
React Single Page Application에 대해 배웠고, Twittler spa 실습했다. 리액트에서는 SPA 구현을 위해 React Router 라이브러리를 가장 많이 사용한다.React Router의 주요 컴포넌트 세가지라우터(router)의 역할을 하
오늘의 썸네일은 내 사랑 구슬 아이스크림...! 언니가 많이 사뒀다고 먹으러 오라고 해서 점심시간 이용해서 부랴부랴 언니 집 갔다 ㅎㅎ ㅋㅋㅋㅋ 하루에 구슬 아이스크림 4개 먹은 날... 완전 FlexReact의 State와 Props에 대해 배우고 실습했다. 이벤트
HTTP와 네트워크에 대한 기초를 배웠다. 클라이언트가 리소스를 잘 활용할 수 있도록 서버가 제공해주는 인터페이스(interface)를 API라고 한다. 웹 애플리케이션 아키텍처에서는 클라이언트와 서버가 서로 HTTP라는 프로토콜을 이용해서 서로 대화를 나누게 되는데,
REST API에 대해 학습했다. REST API란, 웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식! 리차드슨이 REST 성숙도 모델(4단계 모델)을 제시했고, REST API를 처음
SOP(Same-Origin Policy), CORS(Cross-Origin Resource Sharing)에 대해 배웠다 Express와 Middleware에 대해 배웠다Statesairline Server 과제를 수행했다 CORS 에러라고 많이들 부르지만, 사실 C
클라이언트와 서버 간의 통신은 요청과 응답으로 구성된다. 즉, 클라이언트로부터의 요청이 있어야, 서버에서는 응답을 보낼 수 있다. 클라이언트와 서버가 대화를 할 때는, 커피를 주문하는 사람이 외계어로 주문할 수 없듯이, 지켜야하는 규칙이 몇 가지 존재한다.그 규칙이 바
CSS의 발전과정에 대해 학습했다. CDD에 대해 학습했다. CDD 개발 도구에 대해 학습하고, 간단한 실습을 진행 했다.CDD (Component Driven Development): 레고처럼 조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 나가는 개발(상향
jwt token 학습 및 실습을 진행했다. cookie와 session과 token의 차이 : 어디에 저장되느냐가 가장 중요한 포인트! cookie는 클라이언트에 저장되고, session은 서버에 저장된다. 즉, session은 서버의 자원을 사용하기 때문에, 서버에
solo project의 개별 아이템 부분을 구현했다. 1000단위 콤마 찍는 방법! const cn1 = n1.toLocaleString('ko-KR'); styled-component에서 first-child와 last-child 사용하기styled-compone
solo project를 진행 했다.메인 페이지 상품 리스트 섹션, 북마크 리스트 섹션 구현 상품 리스트 페이지 타입 필터 버튼 구현 타입 필터 버튼 클릭 시 필터 적용 되어서 리스트 리렌더 enum 사용법! Enumerated type의 준말로 열거하는 타입 이라는
리액트 훅에서 Custom Hook에 대해 배우고 간단한 실습을 진행 코드분할에 대해 학습하고, 그를 바탕으로 React.lazy(), Suspense에 대해 학습 및 실습을 진행했다. 여러 url을 fetch할 때, 여러 input에 의한 상태 변경 등 반복되는 로직
지난번에 개발한 솔로 프로젝트에서 UI 인벤토리 작성 및 분석을 해 보았다. 우선 필터 버튼만 개선하기로 했다. 폴더 구조는 위와 같다. 버튼은 이미지태그와 라벨을 나타낼 h3 태그로 이루어져 있고, 라벨은 atoms의 Typography에서 들고와서 import 할
TypeScript의 기초에 대해 배웠다. 환경 구성방법TypeScript란?TypeScript의 타입TypeScript의 함수TypeScript의 연산자 활용 타입타입스크립트의 등장 배경과 필요성을 자바스크립트의 한계와 엮어서 기억하자. JavaScript로 웹 애플
🌱오늘 한 것 타입스크립트의 열거형(Enum), 인터페이스, 타입 별칭, 타입 추론, 클래스에 대해 학습 및 간단 실습을 진행했다. 🌱기억해야할 것 HTTP Method들은 API 통신 시 자주 사용하기 때문에 아래와 같이 Enum으로 정의할 수 있다. 오타를 방지하고 코드의 가독성과 안정성을 높일 수 있다. 숫자형 Enum에서는 역매핑을 사용...
JavaScript로 작성된 프로젝트를 TypeScript로 포팅하는 과제를 진행했다. 타입을 그 파일에서 정의하지 않으면 왔다 갔다 해야 해서 힘듬. BUT 여러 파일에서 공통으로 쓰이는 타입이 있다면, 빼서 정의하기도. 여러군데에서 쓰인다 그러면 당연히 뺀다. FC