본문 바로가기

분류 전체보기

(179)
[#. Node] Node Rest API + mySQL 시작하기, 연동하기 1 developer0809.tistory.com/111 [#. Node] Node+React 시작하기, 초기 세팅하기 ① node 시작하기, express-generator 설치 mkdir node-react npm install --save express-generator express-generator 패키지를 통해서 프레임워크에 필요한 pakage.json과 기본 구조를 잡을 수 있다 express { if (error) throw error; console.log("Successfully connected to the database."); }); module.exports = connection; ② 모델 설정 ⑴ backend/model/customer.js const sql = require(..
[#. mySQL] ER_NOT_SUPPORTED_AUTH_MODE 에러 해결하기 node 서버에서 mySQL를 연동해서 실행하려고 하는데 Client does not support authentication protocol requested by server; consider upgrading MySQL client 에러가 발생한다 해결하기 위해 mySQL에 접속해서 아래 명령어를 입력해 준다 ALTER USER '[계정]'@'[호스트]' IDENTIFIED WITH mysql_native_password BY '[비밀번호]'; ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '12341234'; 이제 Node 서버를 실행하면 문제 없이 잘 뜬다
[#. mySQL] macOS에 homebrew로 mySQL 설치하기 ① homebrew로 mysql 설치 brew install mysql ② mySQL 서버 실행 및 설정 mysql.server start// 서버 실행 mysql_secure_installation // MySQL 설정 Would you like to setup VALIDATE PASSWORD component?(비밀번호 가이드 설정에 대한 질문) yes: 복잡한 비밀번호 no: 쉬운 비밀번호 Remove anonymous users? (Press y|Y for Yes. any other key for No)(사용자 설정에 관한 질문) yes: 접속시 -u 옵션 필요 no: 접속시 -u 옵션 불필요 Disallow root login remotely? (Press y|Y for Yes, any othe..
[#. SpringBoot] IntelliJ에서 SpringBoot 실행 시, finished with non-zero exit value 에러 해결 어쩌다 보니 backend를 SpringBoot로 돌려야 하는 일이 생겼다 일단 IntelliJ를 설치했고 git에서 코드를 clone 해왔다 ① git clone git 주소를 입력한다 ② build.gradle => Build Module 이때, 에러가 발생한다 @ finished with non-zero exit value 에러 해결 Build : failed :appNpmInstall Process 'command 'npm'' finished with non-zero exit value 254 ⑴ 상단 탭에서 IntelliJ IDEA=>Preferences 클릭 ⑵ Build, Execution, Deployment=>Build Tools=>Gradle 클릭 Build and run using: ..
[#. Node] Node+React 시작하기, 초기 세팅하기 ① node 시작하기, express-generator 설치 mkdir node-react npm install --save express-generator express-generator 패키지를 통해서 프레임워크에 필요한 pakage.json과 기본 구조를 잡을 수 있다 express 새 express 프로젝트를 생성한다 cd npm install 생성한 프로젝트로 이동해서 npm 모듈을 설치해 준다 이 구조로 생성이 된다! bin/www http 모듈에 express 모듈을 연결하며, 포트를 지정 서버를 실행하는 스크립트 port를 3000=>5000으로 수정함 public 각종 리소스들을 모아놓은 폴더로 외부(브라우저 등의 클라이언트)에서 접근 가능한 파일들을 모아 둔 디렉토리 routes 라우터..
[#. JavaScript] 기존 배열에 새로운 배열 추가하기 react redux에서 장바구니에 데이터를 추가할 때 장바구니에 추가 버튼을 클릭할 때마다 기존 데이터는 유지하고 새로운 데이터를 추가하고 싶다 Object.assign()에 이것저것 찾아봤지만 사실 비구조화 할당(구조 분해)을 이용해서 간단하게 사용할 수 있다 developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 구조 분해 할당 - JavaScript | MDN 구조 분해 할당 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. var a, b, rest; [a, b] = [10, 20]; console.log(a);..
[#. React] redux-persist 설치 후 새로고침해도 state 유지하기 React로 개발 중인 쇼핑몰 웹에서 redux를 사용하고 있다 상품 상세 페이지에서 옵션을 선택해서 장바구니에 담기를 했을 때 장바구니에 넣은 데이터를 redux에서 가지고 있고 싶다 근데 redux는 새로고침 하면 state가 사라지기 때문에 redux-persist를 사용하려고 한다 react 기본 폴더 구조는 이렇다 redux-persist Redux Persist 라이브러리를 사용하면 캐시 기능과 같이 상태 값을 지속적으로 저장한다 www.npmjs.com/package/redux-persist redux-persist persist and rehydrate redux stores www.npmjs.com ① redux-persist 설치 npm install --save redux-persis..
[#. Git] git clone 프로젝트 가져온 후 원격 저장소 branch도 가져오기, branch 연결하기 git clone [프로젝트 주소] clone해온 프로젝트 폴더가 잘 생성이 되었다 근데 git branch로 브랜치를 가져와 보니 원격 저장소에 있는 다른 브랜치가 없고 master 브랜치만 존재한다 git branch -r로 원격 저장소에 있는 브랜치 리스트를 확인해 보자 이 중에서 프론트엔드 브랜치만 가져와 보자 git checkout -t origin/frontend git branch로 로컬 브랜치를 확인해 보면 frontend 브랜치를 이렇게 잘 가져온 것을 확인할 수 있다