FrontEnd

메일 인증레포 이름 정하기운영체제에 맞게 설치설치확인 heroku --verson 이런식으로 버전 확인명령어 cd 만들고있는로컬폴더로 현재 로컬파일로 이동한다.처음 코드를 heroku에 푸쉬할때는 물론 이후 수정할때에도 다음과 같이 명령어를 사용한다.git add .g

세팅 npx create-react-app {프로젝트명} 작동방식 index.js\ -> , document.getElementById('root')\ -> App.js\ -> function App(){} export default App; JSX >js에서 h

Component >리액트의 장점! 긴 HTML 단락을 컴포넌트화 하여 호출하면 관리하기 편하고 코드가 간결해진다. 이름은 보통 대문자로 시작 return 값은 가장 크게 로 묶어 주어야함. > Component화 하면 좋은 HTML 단락은? 반복출현 하는 코드 자주

useState와 useRef 모두 state를 변경시킬 수 있다 useRef state 변경 후 재렌더링 하지 않음!!

변수 선언할 때마다 헷갈리는 var , let, const의 차이와 호이스팅에 대하여 알아봅시다 👻 | |var|let|const| ---|------|---|---| 중복선언|O|X|X 재할당(수정)|O|O|X 존재범위|function|{}:블록|{}:블록 호이

import / export 내보낼파일.js 에서 export문으로 함수, 객체, 원시값을 내보냄 다른 파일에서 import 문으로 가져올 수 있음. export named 여러개 내보낼 수 있다, 단 { 중괄호 } 안에 묶어서 주고받기! export한 이름과 동일한

👍🏻 props 전송 과정 없이 모든 컴포넌트가 state에 접근하여 사용할 수 있다!👍🏻 상태관리에 유용npm install react-router-domnpm install redux react-reduxindex.js 👍🏻 Provider에서 넘겨준 s

useEffect( cb함수, deps);마운트/언마운트 시컴포넌트가 처음 나타날때에만 cb함수를 호출한다.주로 마운트시에 \- props 로 받은 값을 컴포넌트의 로컬 상태로 설정\- 외부 API 요청 (REST API 등)\- 라이브러리 사용 (D3, Video.j

🤩 React Router 관련 에러 해결 모음

절대경로 이용하여 import 하기

Typescript 정적 타입을 가진다. (자스는 동적타입이다) 코드가 많아지고 다른 사람들과 함께 작업을 하다보면 함수를 사용할 때 잘못된 타입의 인자를 사용하게 될지도 모른다. (자스는 이 때 잘못 사용했음을 인지하지 못한다.) 설치 특정 프로젝트에서만 설치할 땐

리액트+타입스크립트로 카카오맵 api이용하기

useTransition

Setting 프로젝트 폴더 만들고 해당 경로에서 > npm init -y npm i nodemon -D 폴더, 파일 세팅 >npm i @babel/core @babel/cli @babel/node -D npm i @babel/preset-env -D >npm

👩🏻‍💻WebSocket HTTP의 방식은 ? HTTP 는 stateless! {유저-request-> 서버 서버->response->유저 } 가 끝나면 유저를 잊는다. (쿠키를 보내야 함) 서버는 request를 받을때에만 response를 준다. WebSoc

프론트에서 Obj형을 string형으로 변환하여 백으로 전송백에서는 다시 Obj형으로 변환하여 저장 : 실시간 작동, 양방향 통신, 이벤트 기반 통신을 제공하는 프레임워크 웹소켓은 SocketIO를 실행하는 방법 중 하나임 npm i socket.io server.j

리액트에서 카카오맵api사용하기 / 카카오 애플리케이션 등록 / env 파일 설정하기

오류 > Warning: Updating a style property during rerender (border) when a conflicting property is set (borderBottom) can lead to styling bugs. To avoid

< head>내에서 호출할 수도 있습니다.하지만 HTML을 파싱하여 페이지를 렌더링하는 동안 < script>를 만나면 파싱을 중지하고 script를 로딩하고 실행합니다.스크립트를 로딩하는 시간만큼 body내용 로딩이 늦춰지기 때문에, HTML 문서를 모두

useRef + 스크롤에 따라 효과를 주는 IntersectionObserver + 이벤트에 따라 스크롤위치를 옮기는 ScrollIntoView

정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다.

-선언형--함수형 / -명령형--객체지향형, 절차지향형

Did you got THIS ... ?

innerHTML vs innerText vs textContent

자바스크립트에서 동적으로 요소를 추가하기 after() append() before() prepend()