티스토리

찔끔찔끔씩😎

검색하기

블로그 홈

찔끔찔끔씩😎

ssong915.tistory.com/m

댕경 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

[Sopt] 7차 세미나(2) - Nodejs 검색 기능, 페이지네이션 구현할 기능 특정 검색어에 해당하는 영화 검색 (search) title 에서 검색 (option) director 에서 검색 (option) title, director 에서 검색 (option) 페이지네이션 두 개씩 페이지를 나눈다 이때 클라이언트에게 마지막 페이지를 알려주기 위해 페이지 수도 함께 리턴해주자. 📍필요한 interfaces 들 추가해주기 interfaces/movie/MoviesResponseDto.ts 기존 MovieResponseDto에는 페이지 수를 넘겨줄 변수가 존재하지 않는다. 따라서 새로운 ResponseDto가 필요하다. import { MovieInfo } from './MovieInfo'; export interface MoviesResponseDto{ movies: .. 공감수 0 댓글수 0 2022. 6. 18.
[Sopt] 7차 세미나(1) - Nodjs AWS S3 파일 업로드 IMAGE UPLOAD 🔎 Content type HTTP Body 에 들어가는 Message의 Type 을 명시해주어야 한다. json 형식을 사용하여 HTTP Body를 전송하는 경우의 Content Type으로 지금까지 applicaion/json 을 사용하였다. 그렇다면 파일은 어떤 형식으로 전송해야 할까? 바로 multipart/form-data 를 사용하면 된다. Content-Type 필드에 MIME Type 을 명시하기 위한 Content-type file 전송을 위해 사용한다. 🔎 Upload Flow Client-Server 사이의 업로드 과정에 대해 알아보자. 1. 클라이언트는 Form 을 통하여 파일을 서버로 전송한다. 2. 이때 Content-Type은 multipart/form-.. 공감수 0 댓글수 0 2022. 6. 16.
[Sopt] 5차 세미나(1) - Middleware, Authentication, API 명세서 Middleware 🔎 Middleware란? 요청과 응답의 중간(middle, 미들)을 말한다. 따라서 미들웨어는 요청과 응답을 조작하여 기능을 추가하기도 하고, 나쁜 요청은 걸러내는 기능을 한다. Authentication 요청을 보내는 주체가 누군줄 알고 API 요청을 막 허용해도 되는걸까? (당연 아님) 🔎 Stateless Protocol란? 무상태 프로토콜 - 모든 요청이 상호 독립적이며 서버가 request, response 간에 어떠한 데이터도 보존하지 않는다. - 중간에 요청이 다른 서버로 들어가도 전혀 문제가 없다. - 즉 로그인을 했더라도 그 다음 요청과 독립적이라는 것! 🔎 Authentication란? Authentication 인증 은 사용자가 자신이 주장하는 바로 사용자가 맞는.. 공감수 0 댓글수 0 2022. 5. 18.
[Sopt] 4차 세미나(2) - Nodejs API 실습 API 실습 🔎 필요한 Collection? 이러한 뷰 형태를 위한 Collection은? - 영화 정보를 저장할 Movie Collection - 리뷰 정보를 저장할 Review Collection 그럼 이 뷰에서 만들 수 있는 API는? - 영화 정보 저장 API - 영화 정보 조회 API - 리뷰 작성 API - 리뷰 조회 API 등등 리뷰 생성 🔎 1. Model 만들기 Movie 모델 (src/models/Movie.ts) import mongoose from "mongoose"; import { MovieInfo } from "../interfaces/movie/MovieInfo"; const MovieSchema = new mongoose.Schema({ title: { type: Strin.. 공감수 0 댓글수 0 2022. 5. 18.
[Sopt] 4차 세미나(1) - AWS EC2, PM2, S3 AWS EC2 🔎 AWS EC2란? Amazon Elastic Compute Cloud : 클라우드에서 확장 가능 컴퓨팅 용량을 제공한다. 즉, 가상 컴퓨터를 임대 받아 그 위에 자신 만의 컴퓨터 어플리케이션을 실행할 수 있게 한다. 🔎 EC2 기본세팅 (NVM, Node ..) - Node 설치 $ sudo apt-get install curl $ curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash - $ sudo apt-get install -y nodejs $ sudo apt-get install build-essential - NVM 설치 $ curl -o- https://raw.githubusercontent.com/creationix/.. 공감수 0 댓글수 0 2022. 5. 17.
[Sopt] 3차 세미나(2) - NodeJS CRUD 실습✨ 세팅 🔎 프로젝트 구조 Create / User Collection 생성 이름, 핸드폰 번호, 이메일, 학교(학교이름, 전공) 🔎 1. Model 만들기 src/models/User.ts // User Collection 위치 import mongoose from 'mongoose'; import { UserInfo } from '../interfaces/user/UserInfo'; const UserSchema = new mongoose.Schema({ /* type: field type 지정 required: 필수 field 인가? unique: 고유한 값인가? */ name: { type: String, required: true, }, phone: { type: String, required: t.. 공감수 0 댓글수 0 2022. 5. 17.
[Sopt] 3차 세미나(1) - MongoDB, Mongoose, 견고한 NodeJS Project MongoDB 🔎 MongoDB란? Document 지향 NoSQL 데이터베이스 시스템으로, JSON 형태의 동적 스키마형 document를 사용한다. Document 기반으로 구성되어있으며 Database - Collection - Document - Field 계층으로 구성되어있다. 🔎 Document란? - MongoDB에서 데이터를 저장하는 최소 단위 - 필드와 값의 쌍으로 구성된다. - 데이터 입출력 시에는 JSON 형식을 사용하고, 저장 시에는 BSON(Binary JSON)을 반환한다. - 관계를 갖는 데이터는 중첩 document, 배열 등을 사용하여 1개의 document로 나타낸다. 🔎 Reference 방식 1:1 1:N , 1이 N을 참조 1:N, N이 1을 참조 N:M Mongoo.. 공감수 0 댓글수 0 2022. 5. 17.
[Sopt] 1차 세미나 - Typescript, Node.js Typescript 🔎 Typescript란? JS 에서 타입 문법 등을 추가한 상위 집합으로 JS와 100% 호환된다. Typescript의 장점 높은 수준의 코드 탐색과 디버깅 JS와 100% 호환 강력한 생태계 🔎 Type 기본적인 데이터 타입 const 변수명: 타입 = 초기값; let 변수명: 타입 = 초기값; let isDone: boolean = true; const name: string = '송'; console.log(name) let grade: number = 4; const sum = (x:number, y:number): number =>{ return x*y; } 배열 데이터 타입 const 변수명: 타입[] = 초기값; let 변수명: Array = 초기값; const age.. 공감수 0 댓글수 0 2022. 4. 12.
[웹개발의 봄, Spring] 4주차 (3) - <나만의 셀렉샵> 클라이언트 [웹개발의 봄, Spring] 4주차 (1) - 네이버 쇼핑 API 이용하기 [웹개발의 봄, Spring] 4주차 (2) - 서버 클라이언트 🔎 상품 검색기능 execSearch, addHTML 함수 만들기 : 검색어를 검색한 뒤(execSearch) 관련 정보들을 화면에 띄워주기(addHTML) 구현 순서 1. 검색창 입력값 받아오기 (입력값 없을 경우 alert, focus) 2. GET /api/search?query=%=${query} 요청 3. for문으로 itemDto들 꺼내서 HTML 만들어 띄워주기 4. addHTML 완성하기 execSearch() function execSearch() { /** * 검색어 input id: query * 검색결과 목록: #search-result-box.. 공감수 0 댓글수 0 2022. 4. 11.
[웹개발의 봄, Spring] 4주차 (2) - <나만의 셀렉샵> 서버 [웹개발의 봄, Spring] 4주차 (1) - 네이버 쇼핑 API 이용하기 프로젝트 만들기 🔎 프로젝트 시작시 확인할 점 1. Auto Import Inser imports on paste: Always' 2. Annotation Processing Compiler-Annotation Processors 🔎 API 키워드로 상품 검색하고 그 결과를 목록으로 보여주기 GET /api/search?query=검색어 List 관심 상품 등록하기 POST /api/products Product 관심 상품 조회하기 GET /api/products List 관심 상품에 관심 가격 등록하고, 그 가격보다 낮은 경우 표시하기 PUT /api/products/{id} id 🔎 3계층 Controller ProductR.. 공감수 1 댓글수 0 2022. 4. 11.
[웹개발의 봄, Spring] 4주차 (1) - 네이버 쇼핑 API 이용하기 기본기의 중요성 개발의 핵심으로는 분업과 느슨한 결합이 있다. 분업하여 각자가 맡은 바에 책임을 다하면 기능은 온전히 작동외며, 느슨한 결합으로 유연성과 확장성을 가질 수 있다. 1. 3계층 숙달 (Controller, Service, Repository) 3계층은 이를 대표하는 예시로 스프링이 잘 돌아가게 해주는 척추라고 할 수 있다. 2. API handling 또 다른 예로 API가 있다. 세상에 이미 많이 존재하는 API들을 잘 다루면 서비스를 더 많이, 더 빠르게 만들 수 있다. 내가 API의 내부 로직이 어떻게 짜여졌는지 모르는 상황에서도, 공식 문서에 나온 정해진 약속대로 요구를 하면 정해진 결과를 받을 수 있다. 따라서 API의 내부 로직이 아닌, 사용할 줄 아는 것이 중요하다. 위 두가지.. 공감수 1 댓글수 0 2022. 4. 4.
[Spring] spring jpa localtime between 타임라인 서비스가 불러오는 메모 목록의 시간을, 조회 시간으로부터 24시간 이내로 바꿔보세요. 🔎MemoRepository 이전) 생성시간 최신순 정렬 findAllByOrderByModifiedAtDesc public interface MemoRepository extends JpaRepository { //JpaRepository 상속, Memo라는 녀석의 id가 Long인 녀석 List findAllByOrderByModifiedAtDesc(); // 생성시간 최신순을 정렬해주셈 } 이후) findAllByModifiedAtBetweenOrderByModifiedAtDesc(startDatetime, endDatetime) findAll: 모두 찾아라 ByModifiedAtBetween: 수정된 시.. 공감수 0 댓글수 0 2022. 3. 22.
[웹개발의 봄, Spring] 3주차 (3) - 타임라인 서비스 클라이언트 완성하기 [웹개발의 봄, Spring] 3주차 (1) - 타임라인 서비스 서버 완성하기 [웹개발의 봄, Spring] 3주차 (2) - javascript, jQuery 기초 클라이언트 설계 및 구현 🔎 클라이언트 설계 Timeline Service에 필요한 기능은 다음과 같다. 메모 조회하기 1) GET API 사용해서 메모 목록 불러오기 2) 메모마다 HTML 만들고 붙이기 메모 생성하기 1) 사용자가 입력한 메모 내용 확인하기 2) POST API 사용해서 메모 신규 생성하기 3) 화면 새로고침하여 업데이트된 메모 목록 확인하기 메모 변경하기 1) 사용자가 클릭한 메모가 어떤 것인지 확인하기 2) 변경한 메모 내용 확인하기 3) PUT API 사용해서 메모 내용 변경하기 4) 화면 새로고침하여 업데이트된 메.. 공감수 0 댓글수 0 2022. 3. 22.
[웹개발의 봄, Spring] 3주차 (2) - javascript, jQuery 기초 [웹개발의 봄, Spring] 3주차 (1) - 타임라인 서비스 서버 완성하기 Javascript 기초 🔎 Javascript란? 브라우저를 살아 숨쉬게 만드는 친구입니다. 클릭, 마우스 오버 시 색 변화, 숨기기, 나타내기, 등등 수많은 일을 할 수 있다😎 🔎 Javascript 변수, 자료형 /*변수*/ let a = 3; // 변수를 처음 선언할 때 let을 써줍니다. 자료형은 써주지 않아도 되어요. let b = 2; console.log(a + b); // System.out.println()과 같은 녀석입니다. /*문자, 숫자*/ let name = 'bknam'; let course = "웹개발의 봄 Spring" // 자바와 다르게 홑/쌍따옴표 상관없습니다. let num = 10; co.. 공감수 0 댓글수 0 2022. 3. 19.
[웹개발의 봄, Spring] 3주차 (1) - 타임라인 서비스 서버 완성하기 API 설계하기 🔎 API 설계 기능 Method URL Return 메모 생성하기 POST /api/memos Memo 메모 조회하기 GET /api/memos List 메모 변경하기 PUT /api/memos/{id} Long 메모 삭제하기 DELETE /api/memos/{id} Long 🔎 Repository 만들기 1. 프로젝트에 domain 패키지 만들기 2. Memo 클래스 만들기 - 메모는 1) username, 2) contents로 이루어짐 @NoArgsConstructor // 기본생성자를 만듭니다. @Getter @Entity // 테이블과 연계됨을 스프링에게 알려줍니다. public class Memo extends Timestamped { // 생성,수정 시간을 자동으로 만들어줍.. 공감수 0 댓글수 0 2022. 3. 16.
[웹개발의 봄, Spring] 2주차 (3) - API, Lombok, DTO [웹개발의 봄, Spring] 2주차 (1) - RDBMS, H2, SQL [웹개발의 봄, Spring] 2주차 (2) - JPA, Repository Lombok 🔎 Lombok 이란? Lombok(롬복)은, 자바 프로젝트를 진행하는데 거의 필수적으로 필요한 메소드/생성자 등을 자동생성해줌으로써 코드를 절약할 수 있도록 도와주는 라이브러리이다. - Course.java @Getter: Getter를 각각 따로 만들어 주지 않아도 가능해졌다. @NoArgsConstructor: 기본 생성자를 따로 만들어 주지 않아도 가능해졌다. - CourseService.java @RequiredArgsConstructor: CourseRepository를 따로 받아오지 않아도 final 선언만 하여도 사용 가능해졌다.. 공감수 0 댓글수 0 2022. 3. 13.
[웹개발의 봄, Spring] 2주차 (2) - JPA, Repository [웹개발의 봄, Spring] 2주차 (1) - RDBMS, H2, SQL JPA 시작하기 🔎 JPA JPA(Java Persistence API) 는 SQL을 쓰지 않고 데이터를 생성, 조회, 수정, 삭제할 수 있도록 해주는 번역기이다. 갑자기 자바 짜다가 갑자기 SQL짜고 왔다 갔다 안해도 되게 해준다! 테이블은 Domain, SQL은 Repository 일대일 대응으로 생각하면 된다. Repository 가 SQL 쿼리를 날려준다. 🔎 JPA 시작하기 앞서, courses라는 테이블에 title, tutor라는 컬럼을 만들었던 것을 자바로 표현하면 다음과 같다. 1. src > main > java > com.sparta.week02에 domain 이라는 패키지를 만든다. 2. Course.java.. 공감수 0 댓글수 0 2022. 3. 11.
[웹개발의 봄, Spring] 2주차 (1) - RDBMS, H2, SQL 2주차 순서 🔎 (1)RDBMS, H2, SQL : 데이터를 다루는 기초 RDBMS: 관계형 데이터 베이스, 정보 저장소 H2: RDBMS의 한 종류, 서버가 켜져있는 동안만 작동하는 RDB SQL: 데이터를 읽고, 저장, 변경, 삭제하는 문법 🔎 (2)JPA, Repository JPA(Spring Data JPA): Java를 위한 번역기, Java로 코드를 작성하면 SQL로 번역해 준다. Repository: JPA를 작동시키는 매개체 🔎 (3)API, Lombok, DTO API: 서버와 클라이언트 간의 약속 DTO: 현업에서 데이터를 주고 받을 때 반드시 이요한다. Lombok: 코드를 절약할 수 있는 Lombok RDBMS 🔎 RDBMS : Relational DataBase Managemen.. 공감수 0 댓글수 0 2022. 3. 11.
[웹개발의 봄, Spring] 1주차 (2) - 자바 기초 문법, 브라우저, Gradle [웹개발의 봄, Spring] 1주차 (1) -웹과 스프링 기본 개념 이전에 자바, 스프링 공부 경험이 있기에 자바 문법은 간략하게만 정리하고 넘어가려한다! 자바 기초 문법 🔎 자바 기초 문법 1,2 화면에 나타내보기(출력) - System.out.println(); - sout + tab / sout + enter 숫자 - int, float, Long 문자 - String : 쌍 따움표 참거짓 - boolean 배열 - List float c = 3.7f; // 소수는 뒤에 f 를 붙여주어야 함 Long d = 10000000001L; // 100억 이후는 Long int myAge = 22; boolean isAdult = myAge > 22; /* 리스트 */ // 리스트 선언 List myLis.. 공감수 0 댓글수 0 2022. 3. 9.
[웹개발의 봄, Spring] 1주차 (1) - 웹과 스프링 기본 개념 스파르타코딩클럽 웹개발의 봄, Spring 를 수강하며 주차별로 정리를 해보려 한다. 스프링 프로젝트 실행 https://start.spring.io/ 사이트에서 스프링 프로젝트를 생성 입력 내용은 아래와 같다. 강의에서와 달리 기존에 자바 11버전을 사용했기 때문에 11로 세팅 하였다. 이후 GENERATE 버튼을 클릭하면 .zip 파일을 다운로드할 수 고 압축을 푼 뒤 인텔리J에서 실행해주도록 한다. 웹 서비스 클라이언트: 사용자가 보는 화면 서버: 데이터가 있는 곳, 원하는 데이터를 요청하면 응답해주는 곳 클라이언트에서 원하는 데이터가 있을 때마다 서버에 요청하고, 응답 데이터를 받아 사용자에게 보여주는 것이 웹서비스의 기본 구조 웹의 동작 개념 (HTML을 받는 경우) 웹의 동작 개념 (데이터만 .. 공감수 0 댓글수 0 2022. 3. 8.
[Django] TIME_ZONE, USE_TZ 설정 (datetime 과 timezone) from datetime import datetime from django.utils import timezone datetime.now()# naive timezone.now()# aware 장고 개발시에 aware 객체를 쓰는 것이 안전하다고 하는데 datetime 과 timezone 의 차이가 궁금했다. 계속 datetime 을 사용해왔기 때문.. 1. navie datetime VS aware datetime 1) navie - timezone 정보가 없음. ( 표준시간대가 없는 경우 ) - tzinfo 속성 설정되지 않음. 2) aware - timezone 정보가 있음. ( 표준시간대가 세팅된 경우 ) - tzinfo 속성 설정되어 있음. 2. USE_TZ 설정 USE_TZ 값 False 장고.. 공감수 0 댓글수 0 2022. 1. 10.
[Spring] 인프런 강의 입문- 1 프로젝트 환경설정 https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%EC%9E%85%EB%AC%B8-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8 https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%EC%9E%85%EB%AC%B8-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8%EF%BB%BF www.inflearn.com 2. 라이브러리 살펴보기 프로젝트 생성시 추가한 'web' 'thymeleaf' 에서 의존된 것들 다 불러온 것 Gradle → Dependencies : Gradel 은 의존관계가 있는 라이브러리를 함께 다운로드! 3.. 공감수 0 댓글수 0 2021. 9. 24.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.