![]()
오늘 디프만 오리엔테이션을 갔다왔는데, 같은 팀 서버를 맡으신 노드 개발자 세 분 모두 NestJS를 사용하신다고 하시어 NestJS로도 토이 프로젝트를 진행해볼까 합니다. 1. NestJS 설치 모든 내용은 공식문서를 기반으로 설치하겠습니다. 먼저 NestJS를 설치하기 앞서 NestJS의 cli를 설치합니다. npm i -g @nestjs/cli cli를 설치했으면 이제 터미널 상에서 nest를 입력하여 nest 관련 기능을 사용할 수 있습니다. 먼저 새로 프로젝트를 만듭니다. nest new [project-name] 저는 테스트 케이스 공유 서비스를 구현해보고자 yourtc라는 이름으로 프로젝트를 만들겠습니다! 나의 주적 반례,,,, 그러면 패키지 매니저를 선택하라고 하는데 저는 npm을 사용하겠..
See the Pen Untitled by seongtae (@stae1102) on CodePen. 각 품목에 hover 했을 때, 이미지의 상세설명이 나오는 디자인을 구현해봅니다. display: none으로 구현하는 것은 transition의 영향을 받지 않기에 opacity를 조정하여 구현하는 것이 보기 좋습니다. 1. HTML MacBook Air M2 13in Don’t take it lightly. Price : $1199 View details MacBook Air M2 13in Don’t take it lightly. Price : $1199 View details MacBook Air M2 13in Don’t take it lightly. Price : $1199 View details..
이번에는 여러 사이트에서 사용하고 있는 드롭다운 네비게이션 디자인을 만들어보겠습니다. 1. HTML 작성 Real Estate Type All One Room 1.5 Rooms Two Room Three Room Officetel Apartment 기본적인 계층 구조는 다음과 같습니다. └ div .dropdown ├ button .dropdown-btn └ div dropdown-submenu ├ a ├ a ├ a ├ a ├ a ├ a └ a 전체를 감싸는 div를 만들어주고, 드롭다운에 사용할 버튼, 그리고 그 버튼에 의해 표시될 내용을 작성해줍니다. 2. CSS 작성 2-1. 전체 공통 디자인 body { font-family: "Raleway", sans-serif; line-height: 1.5..
![]()
📌 문제 준규는 N×M 크기의 미로에 갇혀있다. 미로는 1×1크기의 방으로 나누어져 있고, 각 방에는 사탕이 놓여져 있다. 미로의 가장 왼쪽 윗 방은 (1, 1)이고, 가장 오른쪽 아랫 방은 (N, M)이다. 준규는 현재 (1, 1)에 있고, (N, M)으로 이동하려고 한다. 준규가 (r, c)에 있으면, (r+1, c), (r, c+1), (r+1, c+1)로 이동할 수 있고, 각 방을 방문할 때마다 방에 놓여져있는 사탕을 모두 가져갈 수 있다. 또, 미로 밖으로 나갈 수는 없다. 준규가 (N, M)으로 이동할 때, 가져올 수 있는 사탕 개수의 최댓값을 구하시오. 📌 입력 첫째 줄에 미로의 크기 N, M이 주어진다. (1 ≤ N, M ≤ 1,000) 둘째 줄부터 N개 줄에는 총 M개의 숫자가 주어지며,..
