NPM6 [220422] 리액트로 덧글기능 만들기 (CRUD 중 UD), 생명주기함수 CRUD 중 U 만들기 클릭했을때 input박스가 나오도록 만들기 //App.jsx componentDidMount(){ //최초실행 this.setState({ ...this.state, list:[ //클릭유무를 알 수 있도록 updateflag 추가 {userid:'ingoo7022',content:'안녕하세요2222',date:'2022-04-21',updateflag:true}, ... //CommentList.jsx handleSubmit = e=> { e.preventDefault() console.log(this.state.value) const obj={ userid:'ingoo7022', content:this.state.value, date:'2022-04-21', //클릭유무를 알 .. 2022. 4. 29. [220303] npm과 jwt을 활용해서 로그인 확인 기능 만들기 [목록] 1. npm 명령어로 서버 시작하기 2. 코드를 자동으로 갱신해주는 nodemon 3. 로그인시 jwt 생성하기 4. 로그인 확인을 위해 쿠키에서 jwt 정보 추출하기 5. try/catch문을 통해 응답코드 짜기 1. npm 명령어로 서버 시작하기 서버를 시작하는 node server의 의미 node로 된 명령어를 쓸건데, server.js파일을 실행할거란 명령문. 명령문을 이용하면 다른 명령어를 사용해서 서버를 시작할 수 있다. npm run start npm 스크립트 안에 있는 start 명령어를 run(실행)할게. start 명령어는 node server과 연결되어있기때문에 결과적으로 서버가 시작된다. 2. 서버를 자동적으로 갱신해주는 nodemon 서버를 껐다 켜는 것을 반복하지 않아도.. 2022. 3. 3. [220214] Git에 파일을 연결해 사용할때 필요한 명령어 Project 폴더란? 현재 작업하고 있는 폴더를 말함. 내가 작업할 수 있는 공간이며 작업하는 특정한 것이 들어있는 공간이다. root directory 현재 작업하고 있는 최상위 폴더를 말한다. 예) C:\Users\pc-003\Document\workspace\leacur 폴더 leacur에서 git init환경을 선언하고 파일을 git으로 관리하고있다. 이 때, 루트 다이렉토리는 leacure라고 한다. leacur 폴더에서 src 파일을 만들었다면 경로는 leacur\src가 될 것이다. 이 상태에서도 루트 다이렉토리를 가라고하면 역시 leacure로 가야한다. gitgraph branch관리에 도움을 주는 확장프로그램이다. 여태 commit을 할때 남겨놨던 메모나 어디서 merge했는지, br.. 2022. 2. 17. [220128] nunjucks 설치, 세팅, 사용 목록 1. 템플릿엔진 2. nunjucks 설치 3. nunjucks 세팅 4. nunjucks 사용 5. nunjucks 흐름 이해도 (링크) node.js 시작하기전 프로그램 세팅하는 법은 여기에! https://hancoco.tistory.com/70?category=1035202 [220125] 맥북에서 터미널, nodejs 개발환경 세팅하기 (M1칩) + 용어설명, npm, nvm, express 터미널 명령어 알기 기본적인 명령어 ls : 현재 있는 디렉토리 안의 파일 리스트를 출력해주는 -a : 숨긴 디렉토리까지 보여줌 -l : 자세히 보기 pwd : 어떤 디렉토리 경로에 있는지 절대 경로로 표 hancoco.tistory.com 템플릿 엔진 웹 개발에서, 지정된 템플릿 양식과 데이터가 합쳐.. 2022. 2. 2. [220125] 맥북에서 터미널, nodejs 개발환경 세팅하기 (M1칩) + 용어설명, npm, nvm, express 목차 1. 터미널 명령어 2. npm 사용하기 3. express 사용하기 4. 서버 실행하기 터미널 명령어 알기 기본적인 명령어 ls : 현재 있는 디렉토리 안의 파일 리스트를 출력해주는 -a : 숨긴 디렉토리까지 보여줌 -l : 자세히 보기 pwd : 어떤 디렉토리 경로에 있는지 절대 경로로 표시해준다. Print Working Directory의 약어 cd : 작업하는 디렉토리의 위치를 바꾸는 명령어. Change Directory의 약어 mkdir : 디렉토리를 만들어준다. clear : 터미널 화면을 비워준다. d... 디렉토리 - ... 파일 / : 최상위 디렉토리 cd / : 최상위 디렉토리로 이동 cd /root : 루트 디렉토리로 이동 /home/계정명 : 홈디렉토리 맥이랑 리눅스랑 비슷.. 2022. 2. 2. [220125] NODEJS, 무작정 맥에서 시작하기 (M1칩) ( 맥북을 사용하는 관계로 맥OS 기준으로 작성.) 윈도우와 다르게 맥OS는 터미널만 켜서 설치가 가능하다고 한다! dock에 등록해서 실행하는 법도 있겠지만, 귀찮아서 단축키를 만들어서 쓰고 있다. 단축키 등록법은 아래 참조 https://hancoco.tistory.com/69 [220125] 맥북에서 터미널 켜는 단축키 만들기 (M1칩) ( 맥북을 사용하는 관계로 맥OS 기준으로 작성.) 윈도우와 다르게 맥OS는 터미널만 켜서 설치가 가능하다고 한다! 윈도우 단축키는 shift+ctrl + t 라고 한다. 보통 맥북은 윈도우와 설정이 비슷하니 hancoco.tistory.com 최초에! 한번만! 실행하는 설치 1. homebrew 설치하기 https://brew.sh/ /bin/bash -c "$(.. 2022. 2. 2. 이전 1 다음
