profile
프론트엔드 엔지니어

TIL 46 day spread 연산자와 체크박스

spread연산자에 대해서는 이전에도 한번 쓴 적이 있는 것같다. 하지만 왜 또 쓰느냐?! 이전까지는 spread 연산자의 존재만 알 뿐 딱히 써본적이 없다. 일단 쓰는 것이 익숙치 않아 생각이 나지 않고 쓸 일도 없었다. 하지만 이번에 체크박스 구현을 하면서 spre

1일 전
·
0개의 댓글

정규식표현식(regular expression)

정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴이다. (from MDN)Method 종류로는 test, String의 match, replace, search, split method와 함께 쓰인다. regular expression, r

3일 전
·
0개의 댓글

TIL 45 day MobX store의 값을 re-rendering 하는 방법

next.js와 MobX 및 hooks를 사용한 프로젝트에서 헤맨 과정의 일부이다. MobX가 Redux와 같은 상태관리 라이브러리라는 사실은 알고 시작했지만 hooks로 사용하려니 너무 자료가 없었다. 대부분의 90% 이상의 예제들이 모두 class component

3일 전
·
0개의 댓글
post-thumbnail

git flow

git flow는 git을 이용한 일련의 work flow를 말한다. git flow는 software development의 지속을 도와준다. Gitflow workflow는 엄격한 브랜치 모델을 정의한다.git flow는 두 개의 마스터 브랜치에 프로젝트의 기록을

2020년 11월 20일
·
0개의 댓글

TIL 44 day [Next.js] _app.js와 _document

next.js를 공부하게되면서 특별한 js 파일 2가지를 알게되었다. \_app.js 와 \_document.js이다. 이 둘은 SSR을 위해 있는 파일로 각각 어떤 역할을 하는지 이해할 필요가 있어서 짧게 정리해본다. 실행 시 가장 먼저 실행된다.둘 다 pages 폴

2020년 11월 20일
·
0개의 댓글

TIL 43 [Next.js] Pre-rendering and Data fetching

※ 다음은 Next.js의 공식문서의 일부를 정리한 것입니다. next.js에서 pre-rendering 방법에는 두가지가 있다. : HTML이 build 될 때 pre-rendering하는 방법으로 유저로부터 request를 받으면 그때마다 재사용을 한다. 공식적으로

2020년 11월 16일
·
0개의 댓글

React useState, useEffect의 사용

=> 객체 구조분해 할당=> 배열 구조분해 할당const \[state, setState] = useState(initialState);useState는 배열을 반환한다. 첫번째에는 state두번째는 setState 즉, state 변환class : this.setSt

2020년 11월 15일
·
0개의 댓글

TIL 42 day 2차 프로젝트 회고록

2020/11/2 ~ 2020/11/13wecode에서 진행한 2차프로젝트 myrealtrip을 cloning했다. 항공권, 호텔, 투어 등 여행 관련 상품을 중개하는 사이트이다. 그 중에서 항공권과 호텔 예약의 비중이 큰 것같아서 팀원들과 첫 미팅에서 항공권 및 호텔

2020년 11월 15일
·
0개의 댓글

TIL 41 git fetch, stash, reset --soft

git을 사용하다가 main에 merge 되면서 문제가 생겼다. rebase를 한거라 commit이 1개만 남아있어야 정상인데 사라지지 않는 commit...혼자 해결해보려고 파일을 지우고 clone을 받고 다시 파일 복사하고... 당연한 말이지만 해결되지 않았다😭그

2020년 11월 12일
·
0개의 댓글

Unit Test

Unit Test 와 End to End Test, Integration Test 와의 차이점Unit Test 의 장점Testing Pyramid(E2E, Integration, Unit 테스트의 비중)unit test: 내가 작성한 코드의 가장 작은 단위인 함수를 테

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

git rebase 사용 순서

git rebase 사용

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

TIL 40 day setState는 비동기로 작동합니다!

이번 프로젝트를 하면서 절절히 느낀 점 중 하나는 비동기를 이해해야 코드를 제대로 짤 수 있다라는 것이었다. 리액트에서 state 관리는 값을 관리하는데 있어 무엇보다도 중요했는데 특히 state는 직접 변경하면 안 되고 무조건 setState를 이용해 변경해야했다.

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

TIL 39 day react 자식에서 부모로 state 넘기기

react에서는 부모에서 자식으로 부모의 상태값을 넘길 수도 있고 자식에서 부모로 자식의 상태값을 넘길 수도 있다. 이번 프로젝트에서 이 부분을 거의 쓸 곳이 없었는데다가 그나마 써볼 수 있는 부분도 자식에서 부모로 state 넘기는 걸 실패하는 바람에 사실상 이번 프

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

TIL 38 day 1차 프로젝트 회고록

2020/10/19 ~ 2020/10/30드디어 위코드 1차 프로젝트를 시작하게 되었다. 나는 stayfolio의 클론을 하게 되었다. stayfolio는 숙박 예약업소로 숙박 예약 기능이 핵심인 사이트였다. 처음 stayfolio를 선택한 이유 중 하나가 스타일이 깔

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

TIL 37 day sass mixin 변수 활용

이번에 sass에 대한 feedback이 많았는데 그 중에 처음 사용하는데 애먹었떤 것 중 하나가 변수를 활용한 mixin이다. 다음에 써먹기 위해 잠깐 정리를 해보려고 한다. 처음 mixin을 배웠던 방식이다. mixin에 변수 활용을 하지 않았기 때문에 다른 속성값

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

TIL 36 day 왜 button 태그에 type="button"을 써야할까?

코드리뷰를 받다가 내 button tag에 type="button" 속성이 없는 것을 멘토님께서 보시고 왜 button 태그에는 type="button"을 써야하는지 알아보고 댓글로 남겨달라는 리뷰를 받았다.button의 type을 지정하는 방법은 총 4가지가 있다.b

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

TIL 35 day react에서 font-awesome 쓰기

react에서 <i> 이용해서 font-awesome 쓰기

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

TIL 34 day 한 달을 마무리하며

Wecode에 들어온지 한 달이 지났다. 그동안 HTML, CSS, JavaScript의 개념을 익히고 westagram(instagram cloning)을 하면서 각각을 한 번씩 써보는데 첫 2주를 보냈다.그 후 react의 기초를 배우고 이전에 HTML, CSS,

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

TIL 33 day 이름짓기(naming)

많은 개발자들이 변수명, 클래스 명 등 이름을 정하는 것에 스트레스를 받는다고 한다. 하지만 이런 이름을 잘 정하는 것이 communication의 첫걸음이 아닐까? 우선을 어떤 방법들이 있는지 짧게 알아보았다.

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

TIL 32 day fetch 함수와 회원가입 및 로그인

1) 클라이언트(input, button) ->(request)-> 서버2) 서버 ->(response)-> 클라이언트버튼에서 onclick 눌렀을 때 fetch 함수 실행fetch: method, body 사용로그인 할 때는 post 사용로그인 시 id, pw를 보내

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