profile
Front-end Developer

정규표현식 정리

여태 개발하면서 정규표현식은 필요할때마다 구글링해서 개발해 왔었다. 최근 필요성을 조금씩 느껴가면서 정리 해보려한다. 1. 정규표현식? >정규표현식(Regular Expression)은 모든 종류의 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용한다. Reg

2022년 6월 22일
·
0개의 댓글

Mobx 사용법

이번 프로젝트에서 mobx를 사용 하게 됐다. 간단하게 사용법을 공부하면 좋을 것같다. 수많은 블로그에 많은 글들이 있지만, 역시나 나는 짬뽕해서 사용했다. 설치 mobx 6버전 이상 mobx 버전6 이전에서는 데코레이터를 사용하여 observable, compu

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

React Component 설계

React Componet 설계를 시작하기 앞서 고민되는 부분이 항상 있다.Page 컴포넌트 파일 하나에 UI, 로직(API호출, 이벤트함수, 비지니스로직, 상태관리, 예외처리등등)을 다넣으면 안그래도 복잡하고 긴 코드가 더욱 눈에 안들어와서 유지보수가 힘들어진다. 그

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

Atomic Design Pattern

Atomic Design Pattern을 본격적으로 적용하기에 앞서 뭔지 정확하게 알고 Component 설계를 하자. Atoms는 진짜 말그대로 가장 작은 단위의 component.Text, Label, Input, Button, Icon 등등Molecules는 At

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

Next.js _app, _document, _error

Nextjs 개발 준비가 끝났으니 이제 Next.js 를 실행 할때 제일 먼저 실행 되는 파일들에 대해 정리 해보자.CNA 후 생성된 Pages 폴더에 보면 \_app.tsx , \_document.tsx , \_error.tsx가 있다.(index.tsx 는 '/'

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

Redux vs Mobx vs Recoil

다중 계증 컴포넌트에서 데이터와 메소드 접근의 복잡성 해결컴포넌트에 집중된 비즈니스 로직의 분리가장 많이쓰이는 Redux 와 Mobx 그리고 최근 페이스북에서 만든 상태관리를 위한 Recoil까지 무엇을 사용할지 고민이 된다.Npm trends를 보니 여전히 아직도 R

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

Typescript 절대 경로 설정

프로젝트 디렉토리 구조는 어느정도 구조가 잡혔고,본격적인 개발 시작전에 절대경로 설정을 해보자.절대경로(alias) 설정을 해두면 import/export 시에 경로를 깔끔하게 만들수 있다.우리 프로젝트는 Typescript 기때문에 tsconfig.json 에 추가하

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

Next.js 프로젝트 디렉토리 구조

최초 프로젝트 생성 이후 cna 설치를 하면 위와 같이 구조가 잡힌다. Next.js에서 page Route는 pages 디렉터리의 .js, .jsx, .ts, .tsx 파일이 따로 route 설정을 하지않아도 각 페이지는 그들의 파일 이름을 기반으로 route된다

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

CSR vs SSR vs SSG

Next.js는 Vercel이라는 Frontend Team에서 만든 CSR, SSR 방식의 장점을 모두 가지고 생산에 필요한 많은 기능들을 제공하는 아주 강력한 React 프레임워크.CSR은 react, vue 등의 SPA(Single Page Application)에

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

Nextjs 프로젝트 시작하기

기본 프로젝트 구조부터 시작Next 공식 문서를 참고하여 CNA로 설치 해보자??????????????뭔가 이상하다.기본 최초 설정으로 디렉토리가 생성 되어야 하는데 안된다.분명 공식 문서

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

React를 다시 시작하며

현재 회사에선 Vue만 사용했다.이러다 React는 아예 까먹을 것 같아 팀원들을 꼬셔 React를 도전하기로 한다.그나마 한번 React 프로젝트를 진행/운영 경험이 있는 나와 다르게 나머지 3명은 React를 한번도 해본적 없거나 신입..힘내자본론으로 돌아가..다같

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