profile
It’s now or never
post-thumbnail

React) 자식 컴포넌트에서 부모 컴포넌트로 props 전달하기

부모 Component = < Nav />자식 Component = < Login />자식 Login.js ) this.props.showID(this.state.email) showID 라는 함수를 부모에게 전달해보자.showID 함수를 이용해서 자식 Lo

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

1차 WeCode 프로젝트 후기 ) 'Aesop' 클로닝

최고의 품질과 검증된 성분으로 만들어진 스킨, 헤어, 바디제품 브랜드<span style="color:기간 : 12일 (20.07.20 - 20.07.31)참여인원 : Frond-end 3명 & Back-end 2명사용한 라이브러리 : React, React-R

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

개발자 회고록) WHO AM I ?

나는어떤사람인지•내가선호하는회사의유형,근무환경은어떠한지•어떤기술을사용할줄아는지•왜특정기술을사용했는지•어떤프로젝트를진행했는지,어떤역할을담당했는지•진행하면서좋았던점,아쉬웠던점•앞으로어떤개발자로성장하고싶은

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

project-Aesop) scaleX, scale

scaleX() x 축을 따라 (수평방향)으로 요소의 크기를 조절하는 변형을 정의합니다. scaleX(0)에서 scaleX(1)로 변화하는 transform을 설정하였다. 속도를 조절하기 위해 transition: transform 300ms를 주고, 왼쪽에서부터 시작

2020년 7월 26일
·
0개의 댓글
post-thumbnail

project-Aesop) Slide

(순수 js로만 구현)slick, Glider 등의 라이브러리를 사용할까 하다가 react hook으로 작성된 slide 코드를 참고하여 내 조건에 맞게 바꿔서 class함수로 작성하였다.(덕분에 componentDidUpdate의 개념을 얼추 이해하게 됐....)처음

2020년 7월 26일
·
0개의 댓글
post-thumbnail

project-Aesop) ScrollY , React Hook

\* Scroll Event : React에서 scroll event를 주기 위해 y의 타겟지점을 알기 위해 메인페이지에서 scroll event fade-in을 해주기 위해서 각 피드마다의 y타겟지점을 알아내서 그 지점이 지났을 때 각각의 state값이 변하게 해주었

2020년 7월 23일
·
0개의 댓글
post-thumbnail

js) map함수에 대해서

map은 callback 함수를 각각의 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 만든다. array를 돌면서 array 로 결과가 출력new Object에 키값으로 주기위해 obj지정할 key값 = 그에 맞는 value값.map(x => x

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

React) Instagram 클로닝 후기: 배운 것들에 대한 정리

배운 것들에 대한 정리 SPA (Single Page Application) : 단일 페이지로 구성된 웹 어플리케이션. SPA는 화면이동 시에 필요한 데이터를 서버에서 HTML으로 전달받지 않고(서버사이드 렌더링 X), 필요한 데이터만 서버로부터 JSON으로 전달 받

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

React) 초기 세팅

React 사용하는 이유 :Vue, angular 는 mvc framework(model view controller) 로서 사용하는데 react는 view만 다루는 라이브러리에 매력을 느껴서 사용한다생태계가 잘되어 있다 (자료가 많다)Angular 구글 (사장하는 분

2020년 7월 14일
·
0개의 댓글
post-thumbnail

code kata) array안에서 공통 시작글자(prefix)를 찾아내기 [.reduce()에 대해]

"wha", "what", "whatever", "wh" 라면 공통시작글자인 'wh'를 출력"fly","flower","flow" 라면 'fl'를 출력하게 해보자: array 내에 element를 순회하며 하나의 결과값을 출력하는 method인 reduce를 사용하였다

2020년 7월 12일
·
0개의 댓글
post-thumbnail

Code kata ) string에서 숫자/문자만 추출 & 뒤집어서 배열

reverse 함수에 정수인 x를 받을 때, 그 숫자를 뒤집어서 return 해보자!정수인 x 를 받는다는 것정수로 return 해야하므로 reverse 했을 때 첫자리가 0이면 0은 사라진다ex) x: 12340 이면 return 값은 4321 특수문자 or - (

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

JSX, React

JSX: JS의 확장버전. HTML과 비슷하게 생겼고 JS파일내 작성가능HTML문법을 js파일에 쓰면 그게 JSX\*\* 어떤 태그라도 self-closing 가능하다 --- <div / > 가능\*\* 중첩된 내용은 소괄호()로 감싸줘야한다\*\* 무조건 시작이

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

Data Structure, Array, Tuple

Data Sturcture의 개념'자료 구조' : 데이터에 편리하게 접근하고 조작하기 위해 데이터를 저장하거나 조작하는 방법모든 목적에 부합하는 자료구조는 없기 때문에 각각의 목적에 맞는 자료구조 종류를 선택\-> 상황에 맞게 올바른 자료 구조를 선택하는 것이 전체 개

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

개발 용어) 라이브러리, 프레임워크

라이브러리: 프로그램 제작시 필요한 기능 재사용이 필요한 기능의 경우 반복적인 코드 작성을 피하기 위해 언제든지 필요한 곳에 호출해 사용할 수 있도록 class, function 으로 만들어진 것ex) Jquery, React프레임워크: 프로그램 기본 구조원하는 기능

2020년 7월 6일
·
0개의 댓글
post-thumbnail

웹은 어떻게 동작하는가?

호스팅 (Web Hosting Service) : 인터넷에 띄운다는 것은 홈페이지 구성파일들(html,css,js 등)이 인터넷에 항상 "연결" & 절대 "꺼지지 않는" 서버에 저장되어 있다가 사용자의 요청이 오면 언제든지 응답한다는 의미.IP : 인터넷으로 통신하는

2020년 7월 3일
·
1개의 댓글
post-thumbnail

JS) array 안에서 가장 긴 문자 찾기

< Guide >1\. find_longest_word 함수를 만들어주세요.2\. 'PHP', 'Exercise', 'Backend', 'Frontend', 'Codingisfun' 중에서 가장 긴 문자를 찾아내세요.

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

git & github 정리

branch에서 merge를 하고 나면 그 branch는 더 이상 쓰지 않는 것이 좋다!!또 그 branch 에서 작업을 하고 merge를 하면 충돌이 일어날 가능성이 높다branch 라는 건 만든 '그 시점의 master' 를 그대로 갖고 오는 상태(merge가 막힌

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

wecode 1주차) JS repl.it 최종보스

Javascript repl.it 마지막 최종보스같은 😭😩 과제

2020년 6월 27일
·
0개의 댓글

Application panel

Web storage의 개념 : 키/값 쌍으로 데이터를 저장하고 키를 기반하고 데이터를 조회하는 패턴. Local storage(영구저장소)와 Session storage(임시저장소)를 따로 두어 데이터의 지속성을 구분.cookie : 하이퍼텍스트의 기록서 (HTTP)

2020년 6월 26일
·
0개의 댓글