본문 바로가기 메뉴 바로가기

공부 기록일지📚

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

공부 기록일지📚

검색하기 폼
  • 분류 전체보기 (387)
    • Frontend (278)
      • CSS, HTML (50)
      • CSS 프레임워크 (5)
      • JavaScript (114)
      • TypeScript (22)
      • react.js (49)
      • Next.js (9)
      • jQuery (8)
      • WIL😎 (20)
    • 코딩테스트 (27)
      • 알고리즘 & 자료구조 개념 (18)
      • 연습문제 (9)
    • 프로그래밍 (77)
      • Node.js (6)
      • Python (3)
      • 유용한 사이트 | 정보 (16)
      • Git, Github (24)
      • 정리하지 못한 내용 (3)
      • CS 지식 (25)
    • private (1)
      • interest (0)
      • 자격증 (1)
  • 방명록

전체 글 (387)
[mongoDB | mongoose] node프로젝트에 mongoDB 연결하기

몽고디비는 유명하고 널리사용되는 noSQL 중 하나이다. node.js 서버에 mongoDB를 연결하려면, 몽고디비 공식홈페이지에서 가입 후, 클러스터를 생성해줘야 한다. 클러스터가 생성되었으면 connect 버튼을 눌러 Connect to your application의 `Drivers`를 눌러주면 된다. Connection with MongoDB Driver 스텝에서 2번째에 보면 `npm install mongodb` 라는 명령어와 함께 몽고디비 라이브러리를 설치하라고 나와있지만 `mongoose` 를 설치해주면 된다. 3번째 스텝에 Add your connection string into your application code라고 붙여넣을 코드가 있는데 복사해서 password부분만 내가 지정한 ..

프로그래밍/Node.js 2023. 5. 7. 19:38
[프로그래머스 | JS] lv.1 예산

[문제 설명]: 부서별로 물품을 구매하는데 필요한 금액을 담은 배열 d와 전체 예산 budget을 매개변수로 준다. 전체 예산은 정해져있고 모든 부서의 물품을 구매해줄 수는 없으며 최대한 많은 부서의 물품을 구매해 줄 수 있도록 해야 한다. [제한 사항] 전체 부서의 개수는 1이상 100이하 => i = 0; d.length array.sort() 를 활용하여 오름차순 ..

코딩테스트/연습문제 2023. 5. 4. 18:00
모노리포(Monorepo) 시스템과 콴다 FE팀의 모노리포 도입기

모노리포 도입 배경 기존에 프론트엔드 팀은 40개가 넘는 repository를 각 도메인 및 기능 시스템 단위로 생성하여 멀티 리포(multi repo)방식으로 서비스를 운영하고 있었다. 멀티 리포 구조 레포(repository 의 발음이 리포지토리라서 리포라고 하겠습니다.) 멀티 리포 구조는 폴리리포(polyrepo)구조라고도 부른다. 분리된 각 모듈은 멀티 리포 구조에서 고유한 저장소가 있는 독자적 프로젝트가 된다. 각 프로젝트는 자율성이 높으며 독립적인 개발, 린트, 테스트, 빌드, 게시, 배포 파이프라인이 존재한다. 멀티 리포의 장점: 각 프로젝트가 고유의 저장소를 가지게 됨으로써, 다르 프로젝트와의 의존성을 가지고 있고 않아 독립적으로 빠르게 개발이 가능하며 비교적 크기가 가벼워 프로젝트 관리 ..

Frontend 2023. 5. 3. 18:50
[TypeScript] 다형성(polymorphism)과 제네릭

다형성이란 다른 모양의 코드를 가질 수 있게 해주는 것이다. 타입스크립트에서 다형성을 이룰 수 있는 방법은, 제네릭을 사용하는 것! 제네릭은 placeholder 타입을 쓸 수 있도록 해준다. concrete 타입 (X) placeholder 타입(O) , TS가 placeholder타입을 나중에 concrete 타입으로 바꿔준다. 즉, 같은 코드에 다른 타입을 부여할 수 있게 된다. // 브라우저 API인 로컬스토리지를 클래스와 제네릭으로 구현 // 글로벌 scope에서 interface Storage는 이미 구현된 Web Storage API라는 것을 알 수 있다. // 여기에 값을 추가하게 되면 기존 API에 새 프로퍼티를 추가하게 된다. // 그것을 방지하기 위해 SStorage 로 명명한다. /..

Frontend/TypeScript 2023. 5. 2. 18:38
[프로그래머스 | JS] lv.1 최대공약수와 최소공배수

최대 공약수(Greatest Common Divisor) & 최소 공배수(Largest Common Multiple) 최대 공약수(GCD) 정수인 두 수의 공약수 중 가장 큰 수 즉, 두 수를 동시에 나눌 수 있는 수 중에 가장 큰 수 Math.min(a,b)를 활용해 둘 중에 작은 수의 범위를 넘어가지 않게하여 불필요한 연산 제거 최소 공배수(LCM) 정수인 두 수의 공배수 중 가장 작은 수 즉, 두 수를 곱한 값을 최대 공약수로 나눈 수 (a * b / a와b의 최대 공약수) 두 수의 최대 공약수만 알아도 최소 공배수를 구할 수 있다. 최적화 하는 알고리즘: 유클리드 호제법 {관련 내용 정리 요망} 내 풀이 { function solution(n, m) { let gcd = 1; let lcm; //..

코딩테스트/연습문제 2023. 5. 2. 01:10
이전 1 ··· 7 8 9 10 11 12 13 ··· 78 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 프리렌더링확인법
  • is()
  • nvm경로 오류
  • 항해99프론트
  • Prittier
  • D 플래그
  • 원티드 프리온보딩 FE 챌린지
  • float 레이아웃
  • tilde caret
  • ~ ^
  • getStaticPaths
  • fs모듈 넥스트
  • 원티드 FE 프리온보딩 챌린지
  • && 셸 명령어
  • 부트캠프항해
  • nvm 설치순서
  • 타입스크립트 장점
  • getServerSideProps
  • 항해99추천비추천
  • reactAPI
  • 틸드와 캐럿
  • 프리온보딩 프론트엔드 챌린지 3월
  • grid flex
  • 원티드 프리온보딩 프론트엔드 챌린지 3일차
  • 원티드 3월 프론트엔드 챌린지
  • 형제 요소 선택자
  • text input pattern
  • 타입스크립트 DT
  • aspect-ratio
  • 항해99프론트후기
more
«   2025/11   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바