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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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