profile
(~˘▾˘)~♫•*¨*•.¸¸♪ ❝ 쉽게만 살아가면 재미없어 빙고 .ᐟ ❞
post-thumbnail

TIL 78 | 코어 자바스크립트(1) 데이터타입

시대의 명작 코어 자바스크립트를 읽고 자바스크립트 마스터에 도전합니다...

2020년 11월 17일
·
2개의 댓글
post-thumbnail

TIL 77 | MobX + React Hooks + TypeScript

MobX와 React Hooks를 조합하기 위해서는 mobx-react-lite를 사용하게 된다. 하지만 기존의 MobX와는 약간의 차이가 있어 직접 구현해야 하는 부분들이 존재한다. 초기

2020년 11월 8일
·
0개의 댓글
post-thumbnail

TIL 76 | MobX Basics

MobX는 리덕스와 같이 인기있는 리액트 상태 관리 라이브러리다.

2020년 11월 2일
·
0개의 댓글
post-thumbnail

TIL 75 | TS Advanced

타입스크립트의 고급 기능에는 제네릭, 맵드 타입, 조건부 타입이 있다.

2020년 11월 1일
·
0개의 댓글
post-thumbnail

TIL 74 | TypeScript 타입 호환성

타입 호환성은 어떤 타입을 다른 타입으로 취급해도 되는지 판단하는 것이다. 할당 가능은 서브타입(subtype)으로 표현되기도 한다. 할당 가능 여부를 판단할 때는 값의 집합을 생각해보면 쉽다.

2020년 11월 1일
·
0개의 댓글
post-thumbnail

TIL 73 | TypeScript Interface

자바에서 인터페이스는 클래스를 구현하기 전에 필요한 메서드를 정의하는 용도로 쓰인다. 타입스크립트에서는 좀 더 다양한 것들을 정의하는데 사용할 수 있다.

2020년 11월 1일
·
0개의 댓글
post-thumbnail

TIL 72 | TypeScript Basics

타입스크립트는 자바스크립트의 모든 기능을 포함하면서 정적 타입을 지원하는 언어다. 동적 타입 언어와 정적 타입 언어는 장단점이 있기 때문에 프로젝트의 성격에 따라 선택한다.

2020년 10월 29일
·
2개의 댓글
post-thumbnail

TIL 71 | Database 모델링

블로그 마켓 커머스 플랫폼인 브랜디에서 기업협업을 진행하고 있다. 이번 협업에서는 프론트엔드에 더하여 플라스크 Flask 까지 도전을 하게 되었다.

2020년 10월 19일
·
2개의 댓글
post-thumbnail

TIL 70 | Webpack 사용하여 개발 환경 구축하기

리액트 웹팩으로 개발환경 구축하기(without CRA)

2020년 10월 18일
·
0개의 댓글
post-thumbnail

TIL 69 | Webpack Basics

리액트를 공부하면서 항상 CRA를 사용해서 초기 개발 환경을 구축했는데, 다음주부터 나가는 기업협업에서는 웹팩을 사용한다는 이야기를 선배 기수에게 들었다. 미리 웹팩을 훑고 가면 좋다는 조언을 듣고, 여러 블로그와 유튜브를 찾아보며 웹팩을 이해해보고 있다!

2020년 10월 18일
·
2개의 댓글
post-thumbnail

TIL 68 | RESTful API

API의 엔드포인트 구조를 표현하는 방식API에서 전송하는 자원(resource)을 URI로 표현하고, 해당 자원에 행하고자 하는 의도를 HTTP 메소드로 정의한다.

2020년 10월 17일
·
0개의 댓글
post-thumbnail

TIL 67 | React Native 시작하기

페이스북이 개발한 오픈 소스 모바일 애플리케이션 프레임워크이다. 안드로이드, iOS, 웹, UWP용 애플리케이션을 개발하기 위해 사용되며, 개발자들이 네이티브 플랫폼 기능과 더불어 리액트를 사용할 수 있게 한다.

2020년 10월 14일
·
0개의 댓글
post-thumbnail

TIL 66 | 확장성 있는 코드 만들기 (faker.js)

프라이탁 스토어 안내 페이지를 만들고 있다. 백엔드에서 스토어 관련 데이터를 크롤링하는데 문제가 있다고 해서 직접 데이터를 만들어야 하는 상황이다! 300개가 넘는 데이터를 직접 목데이터로 만들기에는 무리가 있지 않을까 싶었는데, faker.js, randomLocat

2020년 10월 12일
·
0개의 댓글
post-thumbnail

TIL 65 | Google Map API + 스타일링

프라이탁 홈페이지를 클론하고 있는데, 이번에는 지도 API를 꼭 다뤄보고 싶어서 store 안내 페이지를 맡게 되었다. 프라이탁 페이지에서는 OSM Mapnik 라는 라이브러리를 사용하고 있는데, 나는 이를 앞으로 더 자주 사용하게 될 구글맵으로 바꿔서 적용하기로 했다

2020년 10월 11일
·
0개의 댓글
post-thumbnail

TIL 64 | Git Workflow & Rebase

Git Workflowmaster 브랜치에서 feature 브랜치를 만들었을때, 그 시점의 master 브랜치가 base 가 된다. rebase란 브랜치에서 기준이 되는 base를 가장 최신의 것으로 바꾸는 것을 의미한다. Merge 커밋이 남지 않는다.

2020년 10월 6일
·
0개의 댓글
post-thumbnail

TIL 63 | 클래스형 컴포넌트 vs 함수형 컴포넌트

참고자료 [React] 클래스형 컴포넌트 vs 함수형 컴포넌트 클래스형 컴포넌트 클래스형 컴포넌트와 함수형 컴포넌트의 역할은 동일하지만 약간의 차이점이 존재한다. 클래스형 컴포넌트는 state 기능 및 라이프사이클 기능을 사용할 수 있으며, 임의 메서드를 정의할 수 있다. render 함수가 꼭 있어야 하고 그 안에서 jsx를 반환한다. 함수형 컴포넌트...

2020년 10월 4일
·
0개의 댓글
post-thumbnail

TIL 62 | 클래스형 컴포넌트인 로그인 페이지를 함수형 컴포넌트로 바꿔보자 ( Hooks & styled-component)

아직 익숙하지 않은 훅스 개념을 직접 코드로 쳐보면서 익혀보자. 3주 전에 만들었던 Instagram 로그인페이지를 Hooks를 사용해서 functional 컴포넌트로 바꿔보고 styled-component를 적용해서 새로 작성해보았다.

2020년 10월 4일
·
2개의 댓글
post-thumbnail

TIL 61 | Redux

아마 이게 제일 이해하기 쉬울걸요? React + Redux 플로우의 이해1\. Single Source of Truth하나의 Store를 사용한다.2\. State is Read-only어플리케이션에서 state를 직접 변경할 수 없다.

2020년 10월 2일
·
0개의 댓글
post-thumbnail

TIL 60 | Styled Components

css-in-js는 2018년 이후 폭발적으로 성장하고 있다. 그 중 Styled-Components는 npm 다운로드 수 기준으로 현재 가장 인기있는 css-in-js 라이브러리이다.

2020년 10월 2일
·
0개의 댓글
post-thumbnail

TIL 59 | Hooks (useState, useEffect)

참고자료 : React Hooks 공식문서, 함수형 컴포넌트, 클로저, useState함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 연동(hook into) 할 수 있게 해주는 함수이다.

2020년 10월 2일
·
0개의 댓글