profile
Frontend-Developer

TIL 24

Syntactically Awesome Style Sheets 의 약자로 CSS를 확장한 언어이다.Sass 는 Sass표기법(.sass)과 Scss표기법(.scss)이 존재하는데, Sass 3.0부터 기본 표기법으로 채택된 Scss(sassy CSS) 사용을 권장하고

2021년 1월 17일
·
0개의 댓글

TIL 23

✔️ position 속성static모든 태그들은 처음에 position: static 상태입니다. 기본적으로 static이라 따로 써주지 않아도 되고 차례대로 왼쪽에서 오른쪽, 위에서 아래로 쌓입니다.relative자체로는 특별한 의미가 없고, 딱히 어느 위치로 이동

2021년 1월 17일
·
0개의 댓글

TIL 22

brew install yarnNVM 같은 버전 관리 툴을 사용해야 한다면 Node.js의 설치를 제외하도록 한다.brew install yarn --without-nodechoco install yarnscoop install yarnnpm install -g yar

2021년 1월 17일
·
0개의 댓글

TIL 21

비구조화 할당(구조분해 할당)은 객체, 배열에 적용할 수 있는 자바스크립트 ES6 문법이다. 이 기능을 통해 긴 코드를 간결하게 쓸 수 있게 해준다 아래의 예시를 보자.함수에서 뿐만 아니라 render 함수 안에서도 state, props 객체에 비구조화 할당을 적용해

2021년 1월 3일
·
0개의 댓글

TIL 20

map을 사용할 때는 return 되는 요소마다 유니크한 key 값이 존재해야 한다.key 속성은 제일 바깥에 있는 태그에 부여한다.위 상황에서 INFO 변수를 render 와 return 사이에서 선언할 경우 컴포넌트가 render 될 때마다 새로운 변수가 계속 선언

2021년 1월 3일
·
0개의 댓글

TIL 19

✔️ fetch 함수를 이용한 회원가입 & 로그인 구현유저가 이메일을 입력한다Email Input의 onChange 함수가 실행 된다.onChange 함수에서 Email Input의 value를 setState를 통해 업데이트 한다.유저가 비밀번호를 입력한다.Passw

2021년 1월 3일
·
0개의 댓글

TIL 18

드디어 1차 팀프로젝트에 들어갔다.초기세팅에 관하여 간단하게 알아보자.CRA 초기 세팅은 main / master 에서 작업하시고 푸시한다.그림을 참고하여 반드시 필요한 파일과 폴더가 전부 생성 되었는지 확인한다.폴더 1) src \- Components \

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

TIL 17

위의 형태로 기억한다. 각각의 단계가 무엇을 뜻하는지 명확히 알아야한다. 그리고 화살표 함수로 몸통을 확 줄인 위의 코드도 ES5의 함수 선언식으로 바꿨을 때 어떤 모양인지 알아야 더 복잡한 fetch를 구현할 수 있다.위 코드에서 보이는 화살표 함수를 ES5의 함수

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

TIL 16

리액트 컴포넌트의 의미는 "재사용 가능한 UI의 단위"이다. 비슷한 생김새의 UI의 색상이나 텍스트, 배열 방향들만 조금씩 달라지는 경우가 적지 않다. 이것들을 매번 새롭게 만들지 않고 재활용할 수 있다면 어떨까? 컴포넌트를 재사용하기 위해서는 어떤 요소들이 재사용 될

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

TIL 15

✔️ Response Status Codes실제 프로젝트를 진행할 때 가장 많이 보게 될 응답의 상태 코드 들이다. Status Code의 숫자에 각각 의미가 내포되어 있다. 이 Status Code 만 보아도 응답이 제대로 됐는지 안 됐는지를 파악할 수 있다.200:

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

TIL 14

✔️문제twoSum함수에 숫자배열과 '특정 수'를 인자로 넘기면,더해서 '특정 수'가 나오는 index를 배열에 담아 return해 주세요.nums: 숫자 배열target: 두 수를 더해서 나올 수 있는 합계return: 두 수의 index를 가진 숫자 배열예를 들어,

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

TIL 13

✔️ fetch 함수를 이용한 회원가입 & 로그인 구현전체적인 흐름유저가 이메일을 입력한다Email Input의 onChange 함수가 실행 된다.onChange 함수에서 Email Input의 value를 setState를 통해 업데이트 한다.유저가 비밀번호를 입력한

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

TIL 12

map을 사용할 때는 return 되는 요소마다 유니크한 key 값이 존재해야 한다.key 속성은 제일 바깥에 있는 태그에 부여한다.위 상황에서 INFO 변수를 render 와 return 사이에서 선언할 경우 컴포넌트가 render 될 때마다 새로운 변수가 계속 선언

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

TIL 11

비구조화 할당(구조분해 할당)은 객체, 배열에 적용할 수 있는 자바스크립트 ES6 문법이다. 이 기능을 통해 긴 코드를 간결하게 쓸 수 있게 해준다 아래의 예시를 보자.함수에서 뿐만 아니라 render 함수 안에서도 state, props 객체에 비구조화 할당을 적용해

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

TIL 10

유저가 이메일을 입력한다Email Input의 onChange 함수가 실행 된다.onChange 함수에서 Email Input의 value를 setState를 통해 업데이트 한다.유저가 비밀번호를 입력한다.Password Input의 onChange 함수가 실행된다.o

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

TIL 9

SPA (Single Page Application) - 페이지가 한 개인 애플리케이션Westagram-frontend : login.html, main.html - 페이지 수만큼 html 파일이 존재리액트 프로젝트에서 .html 파일의 개수는? 1개 >>> SPA(S

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

TIL 8

Syntactically Awesome Style Sheets 의 약자로 CSS를 확장한 언어이다.Sass 는 Sass표기법(.sass)과 Scss표기법(.scss)이 존재하는데, Sass 3.0부터 기본 표기법으로 채택된 Scss(sassy CSS) 사용을 권장하고

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

TIL 7

오늘은 Repl.it 을 이용해 간단한 알고리즘 문제를 풀어보았다. twoSum함수에 숫자배열과 '특정 수'를 인자로 넘기면,더해서 '특정 수'가 나오는 index를 배열에 담아 return해 주세요.nums: 숫자 배열target: 두 수를 더해서 나올 수 있는 합계

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

TIL 6

A database generally refers to a structured collection of structured information or data stored electronically in a computer system. The database is u

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

TIL 5

요청은 사실 그저 메세지에 불과하다. HTTP 요청은 사실 프론트엔드(클라이언트) 에서 백엔드(서버)에 일(데이터 처리)을 시작하게 하기 위해 보내는 메세지다. 이 메세지의 구조는 크게 세 부분으로 구성되어있다. 1\. HTTP Method: 해당 요청이 의도한 액션을

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