profile
d

UNIT TEST

E2E (10%Integration test (20% // 통합테스트Unit test (70% ※ ( 비중%=> 사람이 만들고, 자동으로 실행=> Bug 방지 (=> code 반복, 함수test=> 비용 절감.=> ex) 01. 이전에 개발했던 내용 반복

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

props

example)const props ={ a: 10, b: 20,}20이라는 값에 접근하기 위해서는props.bprops라고 이름을 지어준적 없는데 자동으로 지어준다.console.log(this.props)이 원리를 바탕으로 props를 배워보자.render()

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

componentDidMount 2

이런 식으로 이름표를 달아서 콘솔에 확인해볼 수 있다.hello라는 스트링 뒤에 값이 들어오는 것을 확인할 수 있다.hello: 값 이 state에 저장되게 해야한다.state는 "컴포넌트의 저장소"이기 때문이다.따라서, setState를 써서 넣어주게 되면 다음과 같

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

componentDidMount()

값을 호출해서 state에 저장하면 계속해서 render가 또 작동된다.따라서, componentDidMount가 필요하다."최초에 한번만 하면 된다."를 작동하려면componentDidMount()를 쓰면 된다.componentDidMount() {}이 안에 fetc

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

map, fetch

컴포넌트를 재사용하기 위해 쓴다.ex>arr.map((num) => { return num;});예를 들어, 라는 컴포넌트를 여러번 복제할 때,그래서, 애초에 component를 만들 때, 기능별로 잘 구분해서 만들어주는 것이 중요하다.출처 : wecode 영상에서

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

Angular, vue, react

Frontend Framework(Library) 등장그 중 가장 많이 쓰이는 세 가지가Angular, Vue, ReactAngularGoogle에서 개발(2010)TypeScritp기반Vue

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

Prettier

CRA에 Prettier 추가하기ESLint만으로 부족하다. 혼자 개발하면 몰라도, 여러 명이 같이 일하고 있기 때문에 다른 사람의 코드를 보고 짜증나지 않으려면 서로 format을 맞추어 동일한 code style을 유지해야한다. 그걸 Prettier가 알아서 for

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

초기세팅 작업 완료 후

초기세팅 작업 완료 후add > commitgit add .git commit -m "Add: first commit. 초기 세팅 완료."설치한 CRA 프로젝트와 github repo를 연동git remote add origin https://github.co

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

20200714

인증, 인가사용자가 어떻게 서비스를 이용하는지 추적하고 싶을 때Rainbow table attack - 미리 해쉬값들을 계산해 놓은 테이블을 Rainbow table이라고 한다.Salting실제 비밀번호 이외에 추가적으로 랜덤 데이터를 더해서 해시값을 계산하는 방법.k

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

react 프로젝트 초기세팅하는 방법

node와 npm 설치 확인node -vnode 설치버전 확인없을시 https://nodejs.org/ko/에서 설치한다.npm -vnpm 설치버전 확인없을시 npm install 상기 진행후 특정패키지를 설치할때는 npm installscss없을시 명령어로

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

TIL. SCSS 20200709

css파일을 scss로 converter하는 법을 배웠다.부모가 되는 요소 밑에 자식 요소를 작성해주면 된다. 네스팅 기능이 있다. 네스팅 기능이란, 서브루틴 안에 또다른 서브루틴을 짜는 것과 마찬가지다. 예시 1 CSS파일은 다음과 같다.해당 CSS파일을 SCSS로

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

TIL 20200710 REACT

react에 대해서 배웠다.같은 자리에 다른 페이지를 넣어주는 기능을 하는 것이 routes라고 한다.root가 되는 최상위에서 다른 페이지를 넣어달라고 명령하므로, 아래와 같은 코드를 입력해주어야 한다.다음은 index.js파일의 코드다.다음은 Routes.js의 코

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

TIL 20200710 REACT

react에 대해서 배웠다.같은 자리에 다른 페이지를 넣어주는 기능을 하는 것이 routes라고 한다.root가 되는 최상위에서 다른 페이지를 넣어달라고 명령하므로, 아래와 같은 코드를 입력해주어야 한다.다음은 index.js파일의 코드다.다음은 Routes.js의 코

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

reverse, length

reverse() 메서드는 배열의 순서를 반전const clothing = 'shoes', 'shirts', 'socks', 'sweaters'console.log(clothing.length);

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

GIT

원격 저장소에서 파일 삭제하기이미 github remote에 push를 했기 때문에 로컬의 저장소에서 파일을 삭제해도 원격 저장소에서는 삭제되지 않는다.git rm VS git rm –cached// 원격 저장소와 로컬 저장소에 있는 파일을 삭제한다.$ git rm F

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

React

Renderinghtml 요소(element), 또는 React 요소 등의 코드가 눈으로 볼 수 있도록 그려지는 것을 렌더링(rendering) 이라고 말합니다.React 요소가 DOM node에 추가되어 화면에 렌더되려면 ReactDOM.render 함수를 사용합니다

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

React 개발환경 setting

Ctrl + C를 누르면리엑트를 끄기위한 질문이 나온다.

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

Array(List)

javascript에서는 arraypython에서는 listarray보다 list가 더 많이 사용되고 큰 차이가 없으므로 list를 사용해도 무방하다python에서는 list가 array라고 보면 된다.하지만, Array와 list는 다르다.기능적으로 거의 동일하지만,

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

relative, absolute, z-index

z-index어느 객체가 앞으로 나오고, 뒤에 나올지 배치 순서를 결정하는 속성 z-index는 position (relative, absolute, fixed)속성이 적용된 요소에서만 작동relative원래있던 공간을 유지하면서 우리가 지정한 값대로 이동된다.<

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

웹은 어떻게 동작하는가?(2020.07.03)

사용자 --> 브라우저 --> 요청브라우저 <-- 응답웹은 www.wecode.co.kr 요청사용자 --> 브라우저 ---> wecode서버 <---- 응답인터넷에 띄운다는 것은 홈페이지의 구성파일들이(html

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