[주어진 과제] - 자바스크립트란? js 타입 (Primitive Type(number, string, boolean, ...) / Object / Array) 변수, 상수 선언 방법 (var, let, const) - 기본 조건 문법 (if, switch) 기본 반복
구글 로그인창 만들기클론코딩 링크(html, css)
이모티콘 컨트롤알트스페이스바.... 1. 리액트란? > 자바스크립트 라이브러리의 하나로서 사용자 인터페이스(UI)를 만들기 위해 사용된다. 최대한 성능을 아끼고 편안한 사용자 경험을 제공하면서 구현하고자 개발한다. 프레임워크가 아닌 라이브러리 웹/앱의 뷰를 개발하는
useState 문법 (2가지) useEffect와 컴포넌트 생명주기 \+ Hook 동작원리 1. useState 1-1. Hook이란? Hook이란 특별한 함수를 말한다. 예를들어, useState는 state를 함수 컴포넌트 안에서 사용할 수 있게 해준다. H
4주차 세션 중 궁금한 부분 2개 정리하기\-> useState가 어떻게 렌더링을 야기하는지 정리\-> useContext 정리useState는 state의 값에 대해 리렌더링이 일어나더라도 값을 유지해야한다. (로컬 변수 let을 사용하지 않는 이유) 그리고, 리렌더
스타일드 컴포넌트(Styled-Component)SASS(SCSS)둘의 차이점동일한 컴포넌트에서 컴포넌트 이름을 쓰듯 스타일을 지정하는 것css 파일을 밖에 두지 않고, 컴포넌트 내부에 넣기 때문에 css가 전역으로 중첩되지 않도록 해주는 장점이 있다.CRA 파일에서
사용자가 요청한 URL에 따라 알맞는 페이지를 보여주는 것여러 페이지로 구성된 웹 애플리케이션을 만들 때 페이지 별로 컴포넌트들을 분리해가면서 프로젝트를 관리하기 위해 필요한 것 ➡️ 라우팅리액트에서 가장 많이 쓰는 라우팅 라이브러리는 리액트 라우터(React Rout
7주차 사전과제 : Promise, Fetch API, Axios 참고문서 참고해서 공부하고 정리하기 Promise? > 자바스크립트에서 Promise는 비동기 처리에 활용되는 객체로, 주로 웹서비스를 구현할 때 원활한 데이터 통신을 위해 활용된다. 웹 페이지에서
7주차 사전과제 : Promise, Fetch API, Axios 참고문서 참고해서 공부하고 정리하기 Ajax란? > Asynchronous Javascript And XML의 약어로 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새
7주차 사전과제: Promise, Fetch API, Axios 참고문서 참고해서 공부하고 정리하기라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다.백엔드랑 프론트엔드간의 통신을 쉽게하기 위해 Ajax와 더불어 사용한다.
전역 상태에 대해 공부 + 정리 Recoil 공식 문서 보면서 공부 + 정리 context와 recoil 비교 Recoil > React 프로젝트를 위한 전역 상태관리 라이브러리 props를 통해 부모 컴포넌트에서 자식 컴포넌트로 보내줄 수 있지만, 컴포넌트의 깊이
9주차 사전과제: 빌드와 배포의 의미들어가기 전...사용자가 작성한 소스코드 파일(.java)을 컴퓨터가 이해할 수 있는 기계어로 번역하는 것컴파일이란 번역을 의미한다. 컴파일을 해주는 프로그램을 컴파일러라고 한다.배포와 빌드는, 간단히 말하면 서버에 반영하는 것을 배
prop와 state는 모두 평이한 자바스크립트 객체이다.둘 다 렌더링 출력에 영향을 주는 정보를 보유하고 있지만, 한 가지 중요한 방식으로 다르다. props는 (함수의 매개변수와 유사) 구성요소에 전달되는 반면, state는 (함수 내에서 선언된 변수와 유사) 구성
TypeScript? > 자바스크립트에 타입을 부여한 언어 자바스크립트의 모든 기능을 포함하면서 정적 타입을 지원한다. (자바스크립트는 동적 타입) 자바스크립트 기능들을 제공하면서, 그 위에 자체 레이어를 추가 -> 즉, 자바스크립트의 확장된 언어이다. 타입스크립트