TIL

햎삐 주말 ! 오늘 배운 것 Routing 요청 URL에 따라 분기해서 출력 이 Routing 실습을 하며 구현한 것은 SPA(Single Page Application) 요즘은 매번 서버에서 HTML 전체 파일을 요청해 가져오지 않고, 필요한 데이터만 한 페이지 위에서 바꿔가며 출력한다. 요즘 자주 들을 수 있는 vue, react, angular도 SPA Framework 주말에 해야할 일 공부 정리 - NoSQL-RDB, routing-SPA 프로젝트 주제, 방향 생각

이번주도 힘차 게 ~ 달료랑 ~ 오늘 배운 것 react : 자바스크립트로 뷰를 만들기 위한 라이브러리 페이스북에서 제공하는 노드 패키지 관리 시스템 yarn을 사용해 프로젝트 만들 수 있다. 물론 기존의 npm, npx를 이용해 만들 수도 있지만 이번 실습에서는 yarn으로 진행했다. // 이 프로젝트 뿐 아니라 이 컴퓨터 자체에, 전역으로 yarn 설치 yarn install -g yarn create-react-app 프로젝트명; 위와 같은 방법으로 설치할 수 있다. 프로젝트 생성 후, component 논리적인 화면 구성 단위 props properties의 약자로, 상위 컴포넌트가 하위 컴포넌트에 데이터를 넘겨줄 때 사용하는 객체 state props가 상위->하위 컴포넌트로 데이터 넘겨주는 개..

아좌좟 오늘 배운 것 sequelize sequelize란? sequelize 사용법 sequelize로 테이블 생성하는 법 테이블 생성 시, 해당 테이블의 컬럼, 테이블 자체에 대한 설정, 다른 테이블 과의 관계 설정법 http와 https 의 포트는 다르니, 어딘가에서 URL을 설정할 때 기본 포트를 사용하는 경우는 둘을 잘 구분해주어야 한다. http : 80 https : 443 기본 포트를 쓰는 중, 카카오 간편 로그인 구현할 때 redirect URL 설정에서 https://localhost 로 설정했어서 접속되지 못한 경험이 있다. 이번주도 화이팅 ..

이야앗 벌써 이번주도 끝나갑니다. 내일도 열심히 수업을 따라간 후, 주말엔 복습을 겁나게 해보자고 요 오늘 배운 점 사실 배운 점이라고 하지만 오늘 배운 것 중 최소한 꼭 기억하고 싶은 것 .. 이 더 맞을 수도 있겠네요~ Passport Node에서 인증(Authentication) 작업을 도와주는 모듈로, 로컬 로그인, 카카오톡 간편 로그인도 모두 이 모듈을 사용해 구현 세션이나 쿠키 처리 관련해서도 도움 받을 수 있다. 인증 작업 방식 로그인에 성공하면 세션을 생성해서 아이디나 기타 정보를 저장하고, 다음 로그인 때는 세션 정보가 있는지 확인해서 여부를 판단한다. 그리고 로그아웃 시에 세션의 정보를 삭제한다. 로컬 로그인 : passport 카카오 간편 로그인 : passport-kakao 위와 같..

거의 일주일을 쉬어버렸네 .. 오늘부터 다시 가보자고 요 오늘까지 배운 내용 ORM Object Relational Mapping 의 약자로, 직역하면 객체 지향 매핑 객체 지향의 것들을 관계형 데이터베이스에 적용하는 기술 이라고 한다. 관계형 데이터베이스의 Table과 객체 지향 프로그래밍의 Class는 유사하다. Table 에서는 여러 개의 컬럼을 만들지만 Class 에서는 속성을 만들어 저장한다. 이와 비슷하게 Instance와 row의 유사점을 볼 수 있고, 이를 적절히 이용해서 instance를 가지고 관계형 데이터베이스 작업을 할 수 있도록 만든 프레임워크(일종의 방식)을 ORM 이라고 한다. Instance 를 가지고 작업을 수행하면 프레임워크가 SQL로 변경해서 데이터베이스에 작업을 수행하..

오늘 배운 것 1. maria db node 와 연동 연동 시 필요한 내용 연결할 DB를 소유한 컴퓨터의 IP나 Domain과 port 사용할 DB 이름(sid라고 하기도 한다.) 계정 정보 ID, password 쿼리 작성 법 connection.query("sql구문", (err, results, fields) => { if (err) { // 에러 시, 처리할 내용 } else { // 지정한 sql 작업에 대해 정상적으로 수행되었을 때 } }); DB 연동할 때 필요한 정보는 .env 라는 이름의 설정파일에 저장할 수 있다. 예시) HOST:'127.0.0.1' // DB 접속할 IP MYSQLPORT:3306 // DB 접속할 포트번호 MYSQLUSER:'root' ..

오늘 배운 것 1. DML 데이터를 테이블에 삽입, 삭제, 갱신하는 SQL로, 주로 개발자가 맡게, 사용하게 되는 부분 삽입 # 기본형 INSERT INTO 테이블이름(컬럼 이름 나열) VALUES(값 나열); # NULL 삽입하고 싶은 경우 // 1. 컬럼 이름 생략 INSERT INTO DEPT(DEPTNO, DNAME) VALUES (60, '영업'); // 2. 명시적으로 설정 INSERT INTO DEPT(DEPTNO, DNAME, LOC) VALUES(70, '총무', NULL); // 3. '' 로 입력해도 NULL이 될 수 있지만, MARIA DB에서는 그냥 빈칸으로 삽입 INSERT INTO DEPT(DEPTNO, DNAME, LOC) VALUE..

오늘 배운 점 Node 모듈 먼저 에 대해 집고 가자면 독립적으로 실행가능한 작업의 단위로, 하나의 모듈에 모든 내용을 전부 작성하면 가독성이 떨어지고 재사용성이 떨어지게 되기에 역할 별로 나누는 작업이 중요하다. spring 공부 때도 한번 정리하고 넘어갔지만 일반적으로 Controller Service Repository(DAO - Data Access Object) Domain VO(Variable Object) DTO(Data Transfer Object) Entity 정도로 나눌 수 있다. 오늘 배운 모듈 중 기억에 남는, 하고싶은 것은 모듈 가져오기 const 변수 = require(모듈명); crypto 양방향 암호화 단방향 암호화 fs 불러오는 방식 비동기 동기 promises 방식 사용할..