목록전체 글 (287)

개발조각

[모두의 이력서_4일차] 회원가입 기능 만들기 (몽고디비에서)

백에서만 회원가입 기능을 구현하고자 합니다. 처음으로 혼자서 프론트부터 백까지 하는 프로젝트이다 보니 정확하지 않을 수 있습니다! 회원 가입 기능 만들기 1. Body-parser Dependency 설치하기 Body-parser Dependency를 이용해서 클라이언트에서 보내주는 이름, 이메일, 비번등을 받을 수 있습니다. npm install body-parser --save 현재 server.ts import express from "express"; const app = express(); const { User } = require("./models/User"); app.use(bodyParser.urlencoded({ extended: true })); app.use(bodyParser.js..
모두의 이력서 2023. 3. 28. 14:39
[모두의 이력서_4일차] 몽고디비 Model Schema 작성하기

처음으로 혼자서 프론트부터 백까지 하는 프로젝트이다 보니 정확하지 않을 수 있습니다! MongoDB Model & Schema Medel Medel은 Schema를 감싸주는 역할을 합니다. Schema 이부분을 스키마라고 하며, 스키마는 하나하나의 정보들(필드)을 지정해 줄 수 있는 것을 말합니다. 만약 상품에 관련된 글을 작성해야될 경우 필드를 적어 정보를 지정해 줍니다. 그 글을 작성하는 사람이 누구인지 작성을 할 때 포스트의 이름 (type은 string, 최대 50글자) User모델 만들기 1. models 폴더 생성, models 폴더 안에 User.ts 생성하기 back |- models |- User.ts 2. 생성한 User.ts에 스키마 작성하기 *강의를 참고하고 작성한 거라 그대로 작성..
모두의 이력서 2023. 3. 28. 12:39
[모두의 이력서_3일차] SSH(Secure Shell)를 이용해 GIT HUB에 연결하기

프로젝트를 시작하기 앞에서 기본세팅에 대해 적어보려 합니다. 처음으로 혼자서 프론트부터 백까지 하는 프로젝트이다 보니 정확하지 않을 수 있습니다! GIT vs GIT HUB GIT 깃은 소스코드를 관리할 수 있는 틀 Git is the tool Git이 도구입니다. GIT HUB 간다하게 설명하자면 깃허브는 클라우드 서비스 깃으로 관리하는 코드들을 깃허브에 올리고 깃허브에서 많은 사람들과 공유를 하고 수정하고 할 수 있게 해주는 클라우드 서비스입니다. GitHub is the Service for projects that use Git GitHub은 Git를 사용하는 프로젝트를 위한 서비스입니다. 1. 깃허브 로그인하기 https://github.com/ GitHub: Let’s build from he..
모두의 이력서 2023. 3. 26. 16:45
[모두의 이력서_2일차] 몽고 DB 연결하기

프로젝트를 시작하기 앞에서 기본세팅에 대해 적어보려 합니다. 처음으로 혼자서 프론트부터 백까지 하는 프로젝트이다 보니 정확하지 않을 수 있습니다! 몽고 DB 연결 1. 몽고DB사이트 가서 로그인하기 https://www.mongodb.com/ MongoDB: The Developer Data Platform Get your ideas to market faster with a developer data platform built on the leading modern database. MongoDB makes working with data easy. www.mongodb.com 2. 프로젝트 생성하기 우측 상단에 New Project 을 클릭해서 프로젝트를 생성합니다. Build a Database 클..
모두의 이력서 2023. 3. 24. 15:18
[모두의 이력서_1일차] 백엔드 Express + TS

프로젝트를 시작하기 앞에서 기본세팅에 대해 적어보려 합니다. 처음으로 혼자서 프론트부터 백까지 하는 프로젝트이다 보니 정확하지 않을 수 있습니다! 백엔드 Express + TS cd.. // 뒤로이동 cd back 1. 폴더 안을 npm으로 관리 npm init 다 엔터 쳐서 기본값으로 넣어줍니다. 타입스크립트를 사용할 예정으로 ts.config.json파일을 만들어 줘야 합니다. ts.config.json을 만드는 이유 타입스크립트는 자바스크립트로 트랜스파일(변환) 해야 실행을 시킬 수 있습니다. 그러므로 타입스크립트는 컴파일러가 필요합니다. 2. 타입스크립트 컴파일러 설치 npm i -g typescript 3. tsc설치 tsc --init tsconfig.json이 생성됩니다. 4. tsconfi..
모두의 이력서 2023. 3. 24. 14:39
[모두의 이력서_1일차] 기본세팅 + 프론트 Next.js+TS 세팅

프로젝트를 시작하기 앞에서 기본세팅에 대해 적어보려 합니다. 처음으로 혼자서 프론트부터 백까지 하는 프로젝트이다보니 정확하지 않을 수 있습니다! 프론트 Next.js + TS 백엔드 Express + TS *이번 프로젝트는 npm으로 설치하겠습니다.* 기본세팅 1. 프로젝트 폴더를 만들고 vscode키기 2. front작업할 폴더, back작업할 폴더 만들기 저는 fornt, back으로 만들었습니다. 3. 프로젝트 폴더를 하나의 레포지토리로 관리하기 위해 git으로 만들기 git init 이렇게 하면 git폴더가 생긴다. 4. README.md 파일 생성하기 프로젝트 설명을 적을 파일 5. .gitignore 파일 생성하기 깃에서 무시하면 좋은 파일들 적기 // .gitignore node_module..
모두의 이력서 2023. 3. 24. 13:40
[알고리즘 풀이 코딩도장] 문자열 압축하기(Lv2), Special Sort(Lv1)

*제주코딩베이스캠프의 JavaScript 알고리즘 100일 챌린지를 참고로 정리하고 있습니다.* 36~50까지는 코딩도장에서 Lv. 2~3 문자열 압축하기_38번째 문제 https://codingdojang.com/scode/465?answer_mode=hide 코딩도장 프로그래밍 문제풀이를 통해서 코딩 실력을 수련 codingdojang.com 문자열을 입력받아서, 같은 문자가 연속적으로 반복되는 경우에 그 반복 횟수를 표시하여 문자열을 압축하기. 입력 예시: aaabbcccccca 출력 예시: a3b2c6a1 자주 출제되는 문제 중 하나 해결방안 방법1_for문 const s = 'aaabbcccccca'; let result = s[0] let count = 0 for(let str of s){ c..
알고리즘🅰/제주코딩베이스캠프 프로그래머스 문제 풀이 2023. 3. 24. 12:30
[알고리즘 풀이 코딩도장_Lv2] 구글 입사문제 중에서, 다음 입사문제 중에서

*제주코딩베이스캠프의 JavaScript 알고리즘 100일 챌린지를 참고로 정리하고 있습니다.* 36~50까지는 코딩도장에서 Lv. 2~3 https://codingdojang.com/ 코딩도장 프로그래밍 문제풀이를 통해서 코딩 실력을 수련 codingdojang.com 구글 입사문제 중에서_36번째 문제 https://codingdojang.com/scode/393?answer_mode=hide 코딩도장 프로그래밍 문제풀이를 통해서 코딩 실력을 수련 codingdojang.com 1부터 10,000까지 8이라는 숫자가 총 몇번 나오는가? 8이 포함되어 있는 숫자의 갯수를 카운팅 하는 것이 아니라 8이라는 숫자를 모두 카운팅 해야 한다. (※ 예를들어 8808은 3, 8888은 4로 카운팅 해야 함) 해..
알고리즘🅰/제주코딩베이스캠프 프로그래머스 문제 풀이 2023. 3. 21. 21:37
Prev 1 ··· 7 8 9 10 11 12 13 ··· 36 Next