KB 코딩

✔ OS에(win, mac) 프로그램 설치 ✔ Terminal 기본 명령어 ✔ 개발할 폴더에 프로젝트 설치 1. OS에(win, mac) 프로그램 설치 1) https://nodejs.org/ko/download/ 에서 LTS(Long Term Service) 버전 설치 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org - 최신 버전도 좋지만 LTS는 최신 버전보다 버그가 적다. - Node.js를 설치하면 npm은 자동으로 설치된다. 2) Yarn 설치 - npm install -g yarn / sudo npm install -g yarn (mac) 2. Terminal 기본 ..

카테고리 없음 2022. 5. 11. 23:43

Context API❓ 전역적(global)인 데이터를 공유할 수 있도록 고안된 방법 로그인 정보 또는 웹 사이트 내에 사용자 설정 파일, 테마, 언어 등을 컴포넌트 간 공유 데이터에 사용 redux, react-router, styled-components와 같은 라이브러리들도 Context API 기반으로 구현 세 가지 주요 개념 createContext, Provider, Consumer가 있다 Context를 사용하면 컴포넌트 재사용이 어려워짐으로 꼭 필요할 때에만 사용 일반적인 전역 상태 관리(General Global State management) - 일반적으로 전역적으로 필요한 상태(환경설정, 사용자 정보)를 관리해야 할 때는 - 최상위 컴포넌트인 App의 state에 넣고 컴포넌트 간에 ..

카테고리 없음 2022. 5. 3. 21:35

정규표현식 ❓ 정규표현식이란 문자열을 처리하는 방법중의 하나로 특정한 조건의 문자를 검색,치환등의 작업을 간편하게 처리 할 수 있도록 도와주는 수단이다.(특정 언어에 종속되는 의미가 아님) 회원가입, 이메일 형식파악, 비밀번호 등 많은 부분에서 사용이 가능하다. ❓ 정규표현식 사용법 ❓ / / : / 안에는 조건 적용이 된다 w : 문자를 의미 ? : 없거나 1개를 의미 {} : 특정 개수(ex: {3} {4} {100}...) +: 1개이상 @ : 골뱅이 ^ : 시작점 $ : 끝점 . : 모든걸 의미한다(문자의 마침을 의미하는 '.'을 의미하는게 아니다) \ : 원래 가지고 있던 기능을 탈피해줘(escape) d : 숫자를 의미 [] : 대괄호 안에 a-zA-Z0-9 모두 다 포함시킬 수 있다. 조건에..

카테고리 없음 2022. 4. 28. 23:56

이미지 업로드 과정 브라우저에서 파일을 선택하고(input type의 파일: input type 태그를 사용하게 되면 파일을 선택하게 되는 창이 뜸) 확인 버튼을 누르게 되면 데이터가 들어오게 되고 그 데이터를 변수에 저장할 수 있다. 변수에 저장한 파일을 백엔드쪽 uploadFile이라는 API에 보내주게 되면 파일이 전송된다.(백엔드에선 받아온 파일들을 바로 DB에 저장하지 않는다.) 요청 받은 파일들은 storage라는 공간에 저장요청을 보낸다. storage에선 다시 백엔드로 저장된 파일에 접근할 수 있는 주소(URL)를 돌려준다. 받아온 URL을 다시 프론트엔드쪽으로 보내준다. 프론트엔드에선 받아온 URL을 state에 넣고 input 내용들을[ex: myPicture(state), myWrit..

카테고리 없음 2022. 4. 27. 23:51