profile
개발, 정복
post-thumbnail

React에서 typescript 설정하자

타입스크립트 강의를 듣다가 react-beautiful-dnd를 설치해서 사용하려고 하는데 정말 황당한 에러가 발생을 했다.Could not find a declaration file for module 'react-beautiful-dnd'd.ts가 없다는 의미로 생

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

알고리즘은 탐색이야

유튜브 '동빈나'님의 채널에서 얻은 정보로 알고리즘의 시작은 '그리디'라는 생각으로 시간이 날 때마다 그리디를 풀어왔다.

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

댓글 서비스를 만들어봤다. - 2탄

댓글 서비스 1탄대댓글 기능을 구현하는데 중요한 것은 프론트일까 백엔드일까 생각할 수 있었다. 우리가 선택한 방법이 정말 좋은 방법이라고 생각하지 않는다. 일단 댓글 작성은 기본적인 POST를 통해 구현이 가능하다. 서버에서 필요한 값들을 body 안에 넣어 보내기만

2022년 5월 17일
·
0개의 댓글
post-thumbnail

댓글 서비스를 만들어봤다. - 1탄

프로젝트를 진행하면서 댓글은 기본 중에 기본 기능이지 않을까 생각한다. 어떤 기능을 만들던, 심화과정을 밟으면 서비스의 질이 엄청나게 올라간다는 것을 알았다.물론 내가 엄청나게 깊게 한 것은 아니다. 그럴 시간도 내 능력도 부족했다. 우리는 리액트 쿼리를 이용해서 서버

2022년 5월 5일
·
4개의 댓글

<> 말고, 이거

이제 프로젝트가 1주일도 남지 않았다. 약 하루 안에 댓글, 대댓글 기능을 완성을 하고, 기존의 기능들을 수정하고 완성도를 높이는 일을 해야했다. 팀원이 작성한 무한스크롤 코드를 보며..필요한 부분을 가져다 쓰고 있었는데, 처음 보는 문법을 발견해서 검색을 하게 됐다.

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

리액트 검색

elice 프로젝트 마지막 주차에 접어 들기 직전, 팀원 한 분이 검색 기능을 구현했다. 정말 대단한 개념들을 적용해서 구현하니 너무 멋져 보였다..그래서 무한 스크롤과 검색에서 쓰인 디바운싱과 쓰로틀링에 대해 따로 정리를 해보기 위해 블로그를 쓴다.검색을 할 때 자동

2022년 5월 2일
·
0개의 댓글
post-thumbnail

리액트 줄바꿈

서버에서 문자열을 받아와서 처리하는 경우, 프론트에서 문자열을 하드코딩해서 쓰는 경우가 있다. 데이터가 자주 바뀐다면, 서버에서 get 해야 맞지만, 그게 아니라면 프론트에서 상수로 가지고 있어도 괜찮을 거라는 답변을 받았다.일단 나는 아래와 같은 3줄짜리 ui를 만들

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

carousel 2탄

어제 무한 carousel을 구현하기 위해 많은 시간을 보냈다. 1번에서 2번으로 넘어갈 때 끊겨서 나오는 문제가 있었다.당시에는 새벽이라 머리가 멈춰있었던 것 같다.일단 구현한 원리를 잘 생각해보았다. 기존의 데이터 처음이나 마지막 인덱스에 접근했을 때 미리 설정했던

2022년 4월 29일
·
0개의 댓글
post-thumbnail

carousel 만들기

프로젝트를 진행하면서 캐러셀을 만들 일이 생겼다. 수 많은 리액트 라이브러리가 있지만, 공부를 하고 한 번도 만들어 본적 없는 것을 라이브러리로 만드는게 내키지 않았다.그래서 순수하게 나만의 carousel을 만들기로 했다. 사실 캐러셀은 기본 구조만 알면 만드는 일은

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

useNavigate

문해력 향상을 위한 서비스, 문해한 하루를 프로젝트로 진행하며 training component를 구현할 때, 꼭 해야하는 것은 유저가 훈련을 하고 있다는 느낌을 받도록 구현하는 것이었다.main page에 접속하게 되면 상단에 training 탭이 존재하는데 여기서

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

쿠키~

이번 프로젝트에서 인증, 로그인 기능을 맡은 것은 아니지만, 웹 개발자라면 꼭 알아야하는 쿠키, 세션, 토큰이 무엇인지 알아보고 싶었다. 추가적으로 jwt가 무엇인지도 알아보겠다.쿠키와 토큰은 완전 다른 개념이지만 사실 처음 봤을 때 뭐가 쿠키이고, 토큰인지 헷갈렸다.

2022년 4월 23일
·
1개의 댓글

react 문해력 테스트 만들기

2차 프로젝트에서 우리는 문해력 향상 트레이닝 글쓰기 서비스를 만들기로 했다.개발자는 항상 글을 통해 자신의 생각을 정리하고, 남들에게 공유하는 습관을 가져야한다. 사실 개발자의 습관이 아니라 많은 사람들이 가져야하는 습관인 것 같다.개발을 공부하기 전, 글을 쓸줄 몰

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

2차 프로젝트

elice 플랫폼에서 2차 프로젝트를 시작한다. 오늘부터 시작이지만 이틀 전에 모여 아이디어 회의를 하고, 간단하지만 길었던 자기소개를 했다.정말 대단한 사람들이 많았다. 아니 전부 다 훌륭한 사람들이었다. 프로젝트를 대하는 자세와 프로젝트에 대해 생각하는 깊이감이 나

2022년 4월 19일
·
0개의 댓글
post-thumbnail

useCallback & useMemo

리액트는

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

useEffect

리액트 컴포넌트를 관리하고 꿰뚫어 보는 것은 매우 어려운 일이다. 공부를 하며 가장 어렵다고 느껴지는 부분은 새로운 것을 학습할 때가 아니라 그 자체에 대한 기본을 갈고 닦는 것 같다.리액트 훅을 이해하기 위해선 기본적으로 생명주기를 알아야 한다. 기본적으로 useEf

2022년 4월 16일
·
1개의 댓글

CSR & SSR

프론트엔드 스터디 준비를 하며 자바스크립트 전반에 대해 정리를 해보려 한다.브라우저의 랜더링을 중심으로 꼭 알아야할 내용들을 다뤄보고자 한다.CSR vs SSR브라우저 렌더링 과정자바스크립트 엔진BOM & DOM프론트엔드 개발을 공부했다면 SPA 단어를 많이 들어봤을

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

첫 프로젝트 회고(반성..)

인생에서 처음으로 프로젝트라고 할 수 있는 개발을 했다. 2주라는 짧은 시간이었지만 가장 열심히 했던 시간이라고 자부할 수 있다.정말 열심히 했지만 스스로 만족스러운 프로젝트는 아니었다. 내가 구현해야할 기능들을 잘 구현하지 못해 준비된 것들을 모두 보여 주지 못했다.

2022년 3월 28일
·
1개의 댓글
post-thumbnail

React Context

서론 `props`를 마구잡이로 넘기며 코딩을 하고 있었다. 스스로 불길함을 느꼈고 이렇게 하다가는 어떤 컴포넌트에서 props를 사용하고 있는지 모를 것 같다는 생각이 들었다. 리액트 컴포넌트는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 단방향 구조이다.

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

리액트 시작하기 - 1

리액트로 영화 웹서비스 만들기를 시작하기 전 state와 props에 대한 개념을 공부했다.일단 react는 무엇인가!궁금한 것이 있을 때 가장 많이 찾는 구글에 react를 검색해보았다.React is a free blah?blah?라고 한다.요약하자면, for bu

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

프로토타입

자바스크립트를 공부하면서 가장 이해가 안되는 개념이 프로토타입이다. c++, java의 OOP(객체지향 프로그래밍)은 class를 기반으로 상속, 캡슐화를 위한 키워드인 public, private, protected를 사용하는데 자바스크립트는 매우 다르다... 객

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