본문 바로가기

전체 글

ReactJS로 영화 웹 서비스 만들기 #2 THE BASICS OF REACT React Js는 UI를 interactive하게 만들어 준다. 우선 바닐라js로 간단한 어플리케이션을 만들어 보려한다. 첫번쨰로 html를 만들고 두번쨰로 js에서 button을 가져왔다. 세번쨰로 button.addEventListener로 두고 click event를 감지하게 하였다. 그리고 click에 대응하는 함수를 만들어 줬다. 왼쪽은 clickㄹ르 해도 콘솔에 직접 counter 변수를 확인하지 않으면 수가 증가되는 것을 알수가 없지만 오른쪽은 span을 가져와서 연결하면 htlm에서도 바로 변경된것을 확인할 수 있다. 종합적으로 1.html을 만들기 2.js에서 가져와서 3.event를 감지 4.데이터를 업데이트 한다.(counter=counter+.. 더보기
노마드 nestjs API만들기 nestjs는 nodejs의 프레임 워크이면서 모든 nodejs어플리케이션의 초석이 되는 express의 프레임워크이기도 하다. nestjs는 다른 nodejs의 프레임워크에는 없는 구조를 가지고 있는 장점이 있다. nodejs의 장점이다 단점은 하고싶은대로 아무것나 할수 있는것이다. 하지만 nest에는 구조와 순서 룰이 있어서 그 룰을 따르기만하면 큰규모의 백엔드를 쉽게 만들 수 있다. nestjs는 기업에 큰 중점으 두는데 그 이유는 아주 좋은 아키텍처와 구조를 가지고 있고 테스트 하는 방법 또한 잘 구성되어 있다. 우선 npm i -g @nestjs/cli ==>cli는 미리 세팅된 여러 기능들을 가진 새 프로젝트 생성하게 해준다 난 이미 설치 되있으므로 nest -v 로 설치된 버전을 확인해 보고.. 더보기
NestJS 로그인 JWT발급과 인증 +ndoe쿠키 세션 [John ahn] Header와 payload와 비밀텍스트를 합쳐서 verify Signature을 생성한다. 왼쪽 네모는(payload부분)+ 비밀 텍스트를 합쳐서 토큰을 만든다. 우선 위에 표는 보류 passport 여기까지 이미 클라는 토큰을 가지고 있다. validate에서 반환해준user의 값이 req에 들어가게 된다. node의 쿠키 세션 방식 더보기
MYSQL 비밀번호 이슈 access denied for user 'root'@'localhost' (using password: yes) access denied for user 'root'@'localhost' (using password: yes) root계정의 비밀번호가 다르다. 비밀번호 초기화 방법 1.C:\Program Files\MySQL\MySQL Server 8.0\bin // mysql.exe가 있는 폴더로 이동// 첫번째 CMD터미널 생성 1.Window+r을 눌러 services.msc검색 후 서비스에 들어가서 mysql 을 종료 1. C:\Temp 해당 경로에 mysql_init.txt 에 ALTER USER 'root'@'localhost' IDENTIFIED BY '0000'; 작성 2. 관리자 권한의 cmd를 키고 서비스의 mysql을 더블클릭한 후 실행 파일 경로를 확인. 끝에 서비스명은 복사하지 말고 " " .. 더보기
개발자라면 알아야 할 Shell 명령어 (Power Shell) 1. pwd (Print Working Directory) 지금 자신이 어떤 경로에 있는지 알 수 있다. 2. ls 자세히 (List) 현재 디렉토리에 있는 폴더와 파일들을 확인 할 수있다. ls -name 이름만 보고싶을때 ls -force 숨겨진 파일까지 확인 파일 열기 explorer (파일명 3. cd (이동경로) 디렉토리로 이동 cd .. 상위 디렉토리로 이동 cd ~ 최상위 디렉토리로 이동 ex) C:\Users\acyc0 4. get-childitem -File -Filter "*.txt" -Recurse .txt인 모든 파일 찾기 5. gcm (node) (get-command) node의 디렉토리 위치를 알수 있다. 6(리눅스). touch 파일생성 // 없으면 파일을 생성하고, 있으면 .. 더보기
VSCode 필수 익스텐션 1. Material Theme -여러 코드 색상 테마를 설정하여 더욱 코드의 가독성을 높일 수 있다. 2.Material icon Theme - 아이콘들이 더 생동감 있게 설정 가능 3.Prettier -Code formatter -기본적인 띄어쓰기 줄맞춤 등등 더러운 코드를 깔끔 하게 해준다. 4.Indent Rainbow - 줄마다 들여쓰기가 다른경우 색감을 넣어주어 가독성을 높인다. 5.Auto rename tag - 특히 HTML 언어 사용 시 앞에 태그를 수정하면 뒤의 태그또한 자동으로 수정이 된다. 6. CSS Peek - Ctrl를 누른채로 해당 big이라는 클래스를 누르면 정의된 css파일로 이동할 수 있다. 7.Live Server -일일이 새로고침(F5)을 하지 않아도 저장만해도 자동.. 더보기
6주차 - RestfulAPI와 프레임워크 get메소드 ==> 무언가를 조회 할 때 사용이 된다. 클라이언트는 서버에서 어떤 정보를 주어야 할까? ==>어떤 정볼르 조회 할것인지 서버에게 주어야한다. 대표적으로 querystring을이용 회원가입을 할때는 id,비밀번호,휴대전화번호, 이름 들을 보내야한다. 물론 이 많은 정보들을 쿼리 스트링으로 보낼수 있겠지만 매우 비효율적이다. 그래서 post메소드를 회원가입시 주로 사용을 한다. 특히 무언가를 생성해야할떄. 또한 주로 JSON 형태로 데이터를 주고 받는다. API(application Programming Interface) 란? 예를 들어 핵폭탄을 터트리려는데 핵폭탄의 원리를 알 필요 없이 버튼 하나만 누르면 된다. 또한 스테이크를 먹기위해서 스테이크 요리하는법 전체를 알 필요없이 주문하는 .. 더보기
5주차 - aquerytool 사용하여 erd설계 및 데이터베이스 쿼리 실습 이후 위 과정으로 생성한 erd를 rds에 생성을 해보자 ! 원래 FK연결을 해주어야 하지만 난 무료 버전이라 대충 sql문만 따오는 용도로 만듬. 근데 궁금한게 FK연결을 따로 안해줘도 sql문 상에는 차이가 없는데 왜 그런건지 모르겠다. 그저 연결관계만 보여주는게 끝인건가..? 데이터 베이스를 생성 안하고 erd를rds에 생성하려고 하자 오류가 나서 데이트베이스를 생성을 다시 sql을 넣어줌 음 트리플 모니터를 쓰다 보니 카톡 내용이 들어가버렸네 영상 편집 공부 하고 와서 수정 할 예정쓰 퀴리문 실습은 사진과 코드가 날아가서 같은 조 인 슈리의 노션을 참고 하였다. 쿼리문의 경우 기본적으로 SELECT, FROM, WHERE로 구성된다. SELECT : 원하는 요소를 가져온다. FROM : 가져오는 .. 더보기

티스토리툴바