profile
사회에 의미있는 서비스를 만드는데 기여하는 개발자의 모습을 지향합니다.

React JS 마스터 클래스 STATE MANAGEMENT - Dark Mode using Recoil

Recoil 설치하기index.tsxatom.tsxapp.tsxcoins.tsx

약 16시간 전
·
0개의 댓글
·

React JS 마스터 클래스 STATE MANAGEMENT - Dark Mode

다크 모드를 사용하기 위해서 기존 indx.tsx에서 app.tsx로 ThemeProvider 태그를 옮겼습니다.

약 17시간 전
·
0개의 댓글
·

React JS 마스터 클래스 CRYPTO TRACKER(2) Home part

Home part One app.tsx coins.tsx

4일 전
·
0개의 댓글
·

React JS 마스터 클래스 CRYPTO TRACKER(1) Setup & Styles

React애 TypeScript 설치하기TypeScript에 styled-components 설정하기styled reset 하기app.tsxindex.tsxrouter.tsxcoins.tsxcoin.tsxstyled.d.tstheme.ts

4일 전
·
0개의 댓글
·

React JS 마스터 클래스(2)TypeScript

Typing the Props React애 TypeScript 설치하기 TypeScript에 styled-components 설정하기 App.js interface는 일반적으로 타입 체크를 위해 사용되며 변수, 함수, 클래스에 사용할 수 있습니다. Circle.j

4일 전
·
0개의 댓글
·

Amazon Web Service

Cloud와 Deployment의 의미를 각각 알고, 내 코드를 남에게 배포할 수 있다.클라우드 컴퓨팅이 무엇인지 설명할 수 있다.애플리케이션 배포가 어떻게 온변화되어 왔는지 이해할 수 있다.AWS의 각 서비스가 어떤 목적에 부합하는지 이해할 수 있다.S3의 목적과,

2022년 8월 5일
·
0개의 댓글
·

Optimization 라이트 하우스(Lighthouse)

Optimization 라이트 하우스(Lighthouse) 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. Lighthouse Lighthouse는 구글에서 개발한 오픈소스로서 웹 페이지의 품질

2022년 8월 4일
·
0개의 댓글
·

Optimization 트리 쉐이킹(Tree Shaking)

Optimization 트리 쉐이킹(Tree Shaking) 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 트리쉐이킹(Tree Shaking)이란? 나무를 흔들어 잔가지를 털어내듯 불필요한 코

2022년 8월 4일
·
0개의 댓글
·

Optimization 개요

최적화의 개념에 대해 학습합니다.최적화가 분야 별로 어떤 의미로 사용되는지 학습하고, 컴퓨터 공학에서의 최적화에 대해 이해합니다.최적화의 필요성 및 효과에 대해 학습하고, 최적화가 효과적인 UX개선 수단임을 이해합니다.컴퓨터 공학에서 최적화란 가능한 적은 리소스를 소모

2022년 8월 4일
·
0개의 댓글
·

TDD

TDD 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 TDD의 방법론에 대해 학습하고 TDD의 3단계에 대해 이해한다. TDD를 사용해야 하는 이유에 대해 이해한다. 테스트 코드를 작성

2022년 8월 3일
·
0개의 댓글
·

알고리즘 풀이에 좋은 자바스크립트 코드 유형

알고리즘 풀이에 좋은 자바스크립트 코드 유형 현재 프로그래머스 강의를 통해 알고리즘을 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 1. 구조 분해 할당을 이용한 변수 swap ES6의 구조 분해 할당 문법을 사용하여 두 변수를 swa

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

React Custom Hooks (2)

함수 컴포넌트와 클래스 컴포넌트의 차이를 학습하고, 함수 컴포넌트에서 Hook을 사용하는 이유를 이해합니다.Hook의 사용 규칙에 대해 학습하고 이해합니다.useMemo의 쓰임새와 작성 방법에 대해 학습합니다.useCallback의 쓰임새와 작성 방법에 대해 학습합니다

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

React Custom Hooks (1)

Virtual DOM이 나오게 된 배경을 학습합니다.React가 어떻게 Virtual DOM을 사용하는지 학습합니다.Virtual DOM이 어떻게 생겼는지 학습합니다.React가 DOM 트리를 탐색하는 방법에 대해 학습합니다.DOM 엘리먼트의 타입이 같을 때와 다를 때

2022년 7월 27일
·
0개의 댓글
·
post-thumbnail

React 번들링과 웹팩

React 번들링과 웹팩 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 1. 번들링 번들링은 여러 제품이나 코드, 프로그램을 묶어서 패키지로 제공하는 행위를 의미합니다. 프론트엔드 개

2022년 7월 26일
·
0개의 댓글
·

2022.06.27 ~ 2022.07.19 회고

Section 3를 진행하면서 나를 버티게 한 원동력ㅎ..먹고 살아야지..목표 상기하기(Section 1, 2, 3, 4 동일합니다🙂)Until 2026년 3월: 주니어 프로그래머로서 월 400 이상(연봉 5, 800 ~) 유니콘 스타트업 재직Until 2023년 3

2022년 7월 20일
·
0개의 댓글
·

네트워크 심화 4. Web Cache

웹 캐시의 필요성에 대해 이해한다.cache-Control: max-age=60이 어떤 의미인지 이해한다.요청에서 사용하는 If-Modified-Since헤더와 응답에서 사용하는 Last-Modified헤더에 대해 이해한다.요청에서 사용하는 If-None-Match헤더

2022년 7월 13일
·
0개의 댓글
·

네트워크 심화 3. HTTP

HTTP 메세지 구조를 이해한다.HTTP의 무상태성과 비연결성에 대해 이해한다.HTTP 헤더 중 바디를 설명하는 헤더인 표현헤더에 대해 이해한다.HTTP 헤더 중 요청과 응답에서 주로 사용되는 헤더에 대해 이해한다.HTTP 헤더 중 서버에 요청하는 컨텐츠를 협상할 수

2022년 7월 13일
·
0개의 댓글
·

네트워크 심화 2. 네트워크 계층 모델

네트워크 통신을 계층별로 나눈 이유에 대해 이해한다.통신 과정에서 일어나는 데이터 캡슐화에 대해 이해한다.OSI 7계층 모델은 네트워크를 이루고 있는 구성요소들을 7단계로 나누고, 각 계층의 표준을 정하였습니다. OSI 7계층 모델의 목적은 표준화를 통해 포트, 프로토

2022년 7월 13일
·
0개의 댓글
·