profile
<header>frontend developer</header>

hooks 공식문서 공부(1)

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

Lifecycle Method 사용법

출처: https&#x3A;//www.andreasreiterer.at/reactjs-lifecycle-methods/

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

Functional Component vs. Class Components

React에는 클래스형 component와 함수형 component, 2가지 component가 존재한다. 무딘 칼도 날카로운 칼 보다 더 활용도가 높은 경우가 있는법. 기본적인 React foundation 이기도 하고, 상황에 따라 class component 와

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

Sign-Up validation [카카오프렌즈]

오늘의 포스팅은 우리 드림카카오팀의 따봉도치 에이스 연성님👍의 Sign-in validation code를 분석하는 시간을 가지겠다. 위에 보이는 이미지가 카카오프렌즈 로그인 화면이다. 실제 카카오프렌즈 웹사이트 같지만 연성님이 클로닝한 cloned page다. 대박

2020년 9월 29일
·
0개의 댓글
post-thumbnail

Sign-In validation [카카오프렌즈]

오늘의 포스팅은 우리 드림카카오팀의 따봉도치 에이스 연성님👍의 Sign-in validation code를 분석하는 시간을 가지겠다. 위에 보이는 이미지가 카카오프렌즈 로그인 화면이다. 실제 카카오프렌즈 웹사이트 같지만 연성님이 클로닝한 cloned page다. 대박

2020년 9월 29일
·
0개의 댓글
post-thumbnail

Git에 대해 알아보자!! (개념편)

terms:\-directory\-terminal or command line\-CLI\-cd\-code editor\-repository\-githubgit commands:cloneaddcommitpushpull

2020년 9월 27일
·
0개의 댓글
post-thumbnail

Transition 에 대해 알아보자!!

지금까지 프로젝트를 진행하면서 한번도 CSS transition property를 사용해 본적이 없는것 같다. 1차 프로젝트 때 진행한 카카오프렌즈 클로닝에서도 transition을 요구하는 부분이 많이 없었고, 내가 아닌 다른 동기의 손에 의해서 구현되어서 더욱더 궁

2020년 9월 27일
·
0개의 댓글
post-thumbnail

"카카오프렌즈" 1차 프로젝트 시작과 끝...

1차 프로젝트에 들어가기에 앞서 11기 2차 프로젝트 프레젠테이션을 ZOOM으로 몰래 염탐하는데, "우리도 저렇게 할수 있다고? 아니, 내가 할 수 있다고?!"라며 소리치는 내 목소리가 머리속에서 너무 크게 울렸다. 아무리 긍정회로를 돌려봐도 쉽사리 패배자의 자세를 떨

2020년 9월 27일
·
3개의 댓글

계산된 속성명

계산된 속성명▼계산된 속성명을 사용하지 하는 경우와 그렇지 않은 경우// 계산된 속성명 미사용, 기존코드function makeObject1(key,value) { const obj = {}; objkey = value; return obj}// 계산된 속성

2020년 9월 20일
·
0개의 댓글
post-thumbnail

Mock Data 정리

5주차 프로젝트를 진행하던 도중 frontend 에서 웹사이트의 틀을 잡을때 Mock Data가 필수적으로 필요하다는걸 피부로 느끼게 되었다. 어떤 지식이든 필요성을 느껴서 실제 예제에 적용해봄으로써 기억에 남는 다는 것을 한번 더 느끼게 되었다. Mock Data를

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

>Wecode 1~4주 회고록

첫 출근 전날 밤, 무엇을 보게되던 무엇을 듣게되던 담담하게 받아 들이겠다고 맹세했다. 하지만, 솔직히 이렇게 첫 날부터 이렇게 몰아부침을 당할줄은 예상치 못했다. 나중에 알게 된 사실이지만, 다른 참가자들은 사전에 이전 기수 블로그를 많이 읽고 참고해 준비운동을 해온

2020년 9월 13일
·
0개의 댓글
post-thumbnail

Westagram login 버튼 활성화 (3)

Westagram 의 로그인 기능을 구현했지만, 기존의 코드에 대해 멘토님들의 피드백을 반영해서 수정된 버젼을 정리해보자.위 이미지는 state에 있는 idValue와 pwValue에 실제 input값을 재할당하는 함수 handleValue 이다. 해당 함수에 대한 지

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

Westagram 댓글기능 구현

Westagram을 개발하면서 꼭 구현해야 하는 필수 구현기능 중에는 main page 에서의 댓글 기능 구현이 있다. 이해하는데 어려움이 있어 많이 늦어졌지만 어찌되었든 구현에 성공하였고, 리뷰해야하는 부분들이 있어 글로 정리하려고 한다. 기획 일단 기획을 해보자

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

Westagram login 버튼 활성화 (2)

저번 포스트에 이어 계속해서 Westagram login버튼 활성화에 대해서 나의 코드를 직접 보면서 학습해보자.나는 해당기능을 자의반 타의반 2가지 방법으로 구현해 보았다.2가지 방법의 접근법이 다르니 아마 두가지 모두 참고하는 것이 도움이 될 것 같다. 방법론 1은

2020년 9월 5일
·
0개의 댓글
post-thumbnail

Westagram login 버튼 활성화 (1)

React Router Routing 이란 다른 경로에 따라 다른 view를 보여주는 것. 왜 React는 framework 가 아니라 library 인가. React-router는 리액트의 라우팅 기능을 위해 가장 많이 사용되는 라이브러리. 라우팅 학습 후 westa

2020년 9월 5일
·
0개의 댓글
post-thumbnail

React Basics #1

delete index cssclean index.js importdelete logo svgclean app.js import and main(get rid of header)Replace app.css가상 DOM이 담길 빈 껍데기 html이 존재하는 폴더실질적인 리

2020년 9월 1일
·
0개의 댓글

DOM & Event

DOM Event change/remove HTML elements in the DOM/on the page change & add CSS styles to elements read& change element attributes *(href, src, alt, cu

2020년 9월 1일
·
0개의 댓글

Semantic Web & Semantic Tag

Semantic Web 이란 "의미론적인 웹이라는 뜻으로 현재의 인터넷과 같은 분산호나경에서 리소스(웹 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보를 컴퓨터가 처리할 수 있는 온톨로지 형태로 표현하고, 이를 자동화된 기계가 처리하도록 하는

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

Position은 무엇? Inline, inline-block, block의 차이점? Float은 또 무엇?

static은 말 그대로 '정지해있다' '비활동적이다' 라는 의미를 가지고 있는 position이다. css에서 별도로 설정해주지 않으면 default position은 static이 된다. static position을 가진 요소는 html document의 흐름(f

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

20200730 학습내용

.classList.contains.add.remove.toggle

2020년 7월 31일
·
0개의 댓글