profile
프론트엔드 개발자 입니다.
post-thumbnail

[Typescript] 타입스크립트 문법 정리

타입스크립트란? 타입스크립트는 새로운 언어가 아니라 자바스크립트 + 타입지정 이라고 생각하면 편하다. 각각의 상황마다 사용하는 문법들이 다르기 때문에 찾아보기위해 정리해보자. >### 1. 타입의 종류 >### 2. 변수에 지정하는 방법 변수에 타입을 지정할때

2021년 12월 28일
·
0개의 댓글
post-thumbnail

[Next.js] 좌충우돌 SSR 적용하기 -3

build도 완료했고, 경로도 잘 설정했는데 문제가 발생했다.SSR 페이지에서 경로 수정이 되지 않아 몇가지의 script 파일, 이미지 파일들을 찾을수가 없어 페이지 렌더시 오류가 발생했다.SSR 페이지를 들어갔을때 ssr/\_next/static/ \~\~~ 이렇게

2021년 12월 13일
·
0개의 댓글
post-thumbnail

[Next.js] 좌충우돌 SSR 적용하기 -2

각각의 페이지마다 SSR 적용을하는 페이지가 있고, SSG로 적용되는 페이지들이 있다.그렇기 때문에 SSR build, SSG build를 나누어서 해주어야 한다.먼저 build 명령어를 나누기 위해 package.json 파일을 수정해준다.SSG build는 buil

2021년 12월 13일
·
0개의 댓글
post-thumbnail

[Next.js] 좌충우돌 SSR 적용하기 -1

Next.js의 가장큰 장점을 검색해보면 react보다 손쉬운 SSR 적용이라고 많이 찾아볼수 있다. 프론트엔드 개발자라면 SSR을 떼어놓을수 없기 때문에 적용을 하기 시작했다. >### 어떤 페이지에 적용을? 모든 페이지에 SSR을 적용해버리면 안되기에 SSR적

2021년 12월 13일
·
0개의 댓글
post-thumbnail

[project] 회고

약 3주간의 프로젝트 종료 후 회고에 대한 내용입니다.수면용품을 판매하는 판매자와, 구매자를 이어주는 오픈마켓 모바일 : React-native관리자(web): Next.js모바일 기준사이즈 : 아이폰 5홍상기 (React-Navigation, 폴더구조)안병진 (fir

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

[project] 프로젝트 3주차

프로젝트 3주차가 시작되었다.기본적인 페이지들은 모두 그렸고 관리자 페이지와 모바일페이지 마무리 작업에 들어갔다.3주차에서는 기존계획에서 틀어진 부분이 있어서 구현 방향을 조금 다르게 해야하는 부분이 있었다.상품 카테고리별 분류1개의 물품리스트에서 8개의 카테고리로 분

2021년 11월 25일
·
0개의 댓글
post-thumbnail

[Project] 프로젝트 2주차

프로젝트 2주차 부터는 본격적으로 코딩을 시작했다. 기본적인 페이지이동, 상하단 탭바의 css등은 이미 마무리 지어서 파일을 git pull 받았기에 각자 정해진 폴더 내에서 css 작업부터 시작했다. >메인 페이지, 리스트 페이지 메인페이지, 리스트 페이지 2개

2021년 11월 25일
·
0개의 댓글
post-thumbnail

[Project] 프로젝트 1주차

정규 수업이 종료되고 약 1달간의 프로젝트가 시작되었다. 프로젝트 인원은 총 4명으로 구성되었다. >프로젝트 방향 웹? 앱? 프로젝트팀은 프로젝트 시작 2주전에 구성되었기 때문에 그동안 많은 회의를 하면서 프로젝트의 방향성을 잡아갔다. 가장먼저 정해야할것은 웹

2021년 11월 8일
·
0개의 댓글

[TIL] 10월 21일 Optimistic UI

자유게시판의 좋아요 기능을 클릭했을시의 동작을 살펴보면 아래와 같다.사용자가 좋아요 버튼을 누른다.onClick 함수가 실행되고 서버에 mutation 요청을 보낸다.서버에 보낸 요청이 완료될 때까지 await으로 기다린다.완료가 되었으면 refetch로 좋아요 갯수

2021년 10월 23일
·
0개의 댓글

[TIL]10월 20일 Memoization

state를 사용할때 state값이 변경되면 컴포넌트가 다시 렌더되게 된다.이런 과정에서 꼭 다시 그려줘야하는 state가 있고 다시그려주지 않아도 되는 state가 있다고 할때 다시그려주지 않아도 되는 state까지 다시 그린다는건 불필요한 낭비일수 있다.Memoiz

2021년 10월 23일
·
0개의 댓글

[TIL] 10월 19일 RefreshToken

로그인시 사용자의 정보를 AccessToken에 저장해 로그인기능을 구현했었고, 이 AccessToken은 일정시간(대략 1시간 ~ 2시간)이 지나면 만료되어 다시 로그인을 하도록 구현했었다. AccessToken의 만료시간 1분전에 로그인했다면 무조건 1분뒤에는 로

2021년 10월 23일
·
0개의 댓글

[TIL] 10월 18일 Callback,promise,async/await

Callback? Api문서를 찾아보거나, 개념적인 내용을 찾아볼때 Callback 함수란 말을 많이 접할수 있게된다. Callback 함수의 의미는 크게 2가지 이다. 다른 함수의 인자로 이용되는 함수 이벤트에 의해 호출되는 함수 >다른함수의 인자로 인용될때

2021년 10월 23일
·
0개의 댓글

[TIL] 10월 15일 결제모듈(IMPORT)

배달의민족에서 주문을 하거나, 쿠팡에서 물건을 살때 우리는 모두 웹사이트나 어플리케이션에서 결제를 한다. 결제도 예전처럼 어렵고 여러가지 많이 입력해야 하는것이 아니라 터치 몇번만으로 아주 간편하게 결제가 된다. 또한 넷플릭스나 유튜브 프리미엄등을 이용할때 매월 정해진

2021년 10월 21일
·
0개의 댓글

[TIL] 10월 14일 Kakao Map

맛집을 검색하거나, 여행을 갈때, 어떠한 위치를 찾을때 지도가 나오는경우가 많다.내가 검색한 주소에 대한 위치를 표시해서 보여주고 싶을때는 지도 라이브러리를 사용해야 하는데 크게 3가지 라이브러리가 있다.1.구글 라이브러리2.네이버 라이브러리3.카카오 라이브러리이중에서

2021년 10월 18일
·
0개의 댓글

[TIL] 10월 13일 WebEditor

네이버 블로그나 벨로그등을 보면 게시글 입력시 다양한 기능(글씨크기, 정렬, 글씨색 등등..)이 추가되어 있는 WebEditor가 있다.네이버블로그velog물론 네이버블로그와, velog는 자체개발한 내용이겠지만 웹에디터를 제공해주는 라이브러리가 있다.html태그인 t

2021년 10월 18일
·
0개의 댓글

[TIL] 10월 12일 브라우저장소

로그인관련 실습시 accessToken을 로컬스토리지에 저장해 accessToken 여부를 판단해 권한분기 작업을 진행했다.브라우저에 저장하는 방법의 경우 3가지가 있다.cookie, localStorage, sessionStorage브라우저 저장소 간단요약cookie

2021년 10월 12일
·
0개의 댓글

[TIL] 10월 8일 refetchQuery 보완방법

useMutation을 사용하고 바뀐내용을 다시 받아오기 위해서 refetchQuery라는것을 사용했다.댓글등록 완료후 등록된 댓글내용을 새로고침하지 않아도 자동적으로 받아오는 기능이다.리패치쿼리 예시이렇게 리패치쿼리를 이용함으로써 새로고침없이 바로바로 업데이트되는것처

2021년 10월 11일
·
0개의 댓글

[TIL] 10월 7일 ReactHookForm(yup)

게시글 입력, 로그인, 회원가입 등의 과정을 구현하면서 공통적으로 사용되었던 내용들중 하나가 바로 검증이다. 이메일 입력부분에 입력이 되었는지, '@'가 필요한지, 최소 자리수를 만족하는지 등등 이러한 조건들을 사용하려면 if문으로 제어를 해줘야 했고, 정규표현식을

2021년 10월 11일
·
0개의 댓글

[TIL] 10월 6일 권한분기(HOC,HOF,클로저)

로그인페이지를 구현했다면 생각해야 하는것이 누구에게 어떤 페이지를 보여줘야 하는지, 허용된 페이지가 아니라면 어떻게 처리해줘야 하는지를 생각해야 한다. >권한분기 작게는 비회원, 회원 크게는 비회원, 구매자, 판매자, 중개관리자 등등 여러가지의 회원 유형이 있을수

2021년 10월 7일
·
0개의 댓글

[TIL] 10월 5일 LoginProcess

프론트엔드 개발자에게 가장 중요한 part를 생각해보면 바로 LoginProcess이다. 로그인 과정에서 백엔드로 어떠한 정보를 넘겨주고, 어떤 방식으로 넘겨주고, 로그인 세션을 얼마만큼 유지해야 하고 등등 회원가입,로그인페이지는 모든사이트에 있지만 절대 간단한 기능

2021년 10월 5일
·
0개의 댓글