프로그래머가 되는 길 프로그래머가 되는 길

1. Next.js & Nest.js Next.js와 Nest.js는 둘 다 JavaScript 기반의 웹 프레임워크입니다. 하지만 서로 다른 목적과 특징을 가지고 있습니다. ▶ Next.js Next.js는 React 기반의 프론트엔드 프레임워크로, 서버 사이드 렌더링(SSR)과 정적 사이트 생성(Static Site Generation, SSG)을 지원합니다. React를 기반으로 하기 때문에 React 생태계의 컴포넌트 기반 개발 방식과 관련 기술들을 활용할 수 있으며, 페이지 기반 라우팅을 제공하여 간편하게 페이지 간 전환을 구현할 수 있습니다. 또한, 다양한 데이터 페칭 방법을 지원하고, 코드 스플리팅과 프리페칭을 통해 성능을 최적화할 수 있습니다. 장점 빠른 개발과 배포가 가능 React 컴포..

1. Angular? Angular는 TypeScript 기반의 오픈 소스 웹 애플리케이션 개발 프레임워크입니다. 구글에서 개발하였으며, 단일 페이지 애플리케이션(Single Page Application, SPA)을 구축하기 위한 도구와 기능을 제공합니다. 2. Angular 장점 완전한 프레임워크: Angular는 프론트엔드 개발에 필요한 모든 요소를 포함하고 있습니다. 컴포넌트 기반 아키텍처, 템플릿, 라우팅, 상태 관리, 폼 처리 등을 지원하여 애플리케이션 개발을 효율적으로 할 수 있습니다. 강력한 데이터 바인딩: Angular는 양방향 데이터 바인딩을 제공하여 데이터 모델과 뷰 사이의 동기화를 쉽게 구현할 수 있습니다. 이를 통해 개발자는 애플리케이션의 상태 변화를 쉽게 추적하고 관리할 수 있습..

0. 결론 엄청나게 많은 영화 및 드라마를 봤고, 모임도 많이 가지고, Leetcode에서 Linked List, Tree에 대해서 공부했다. 그리고 1. 이사를 하다! 지내던 곳 집주인한테 정내미가 팍 떨어져서 이사했다. 10만 원 더 들어가지만 역이랑 가까워져서 정말 만족! 거기다가 에어컨도 잘 틀어줘서 아주 만족!!!!! 장황하게 쓰다가 귀찮아서 6월 회고는 짧게 요약만 하겠다. 1. 이사하고 옆팀 회식 따라감 그리고 깃 로그인 안 되던 거 수정 완! 토요일은 친구 결혼식 참석했다! 2. bon voyage와 이끼에 빠져 사는 중, 마이블로그 첫 만남, 첫 세미나 참석하고, 철학관 허탕치고 그냥 밥 먹음, 3. 헬스시작!!! 점심 아낀다고 요거트 먹기 시작, 에볼루언트 드디어 구매 완, 금요일 동영..

next.js와 typescript와 tailwindCSS는 CRA(create react app)으로 설치하였다. cmd 창에 다음과 같이 적어주면 typescript와 tailwindCSS를 사용할 것인지 묻는 질문을 한다. npx create-next-app my-app 사용하려면 yes를 방향키로 움직인 후 enter! 알아서 버전도 맞춰서 설치해 준다!!!!!! 그렇게 next.js 설치 완료 후 'npm install mongodb' 설치해 준다. 여기서부터가 이제 시작이다. 폴더 구조는 이렇게 생겼다. util 폴더를 만든 후 database.js 파일을 만들어서 mongoDB와 연결할 준비를 한다. 하.. 연결하기 위해 정말 많은 사이트를 참고했다. 나는 mongoDB에서 무료로 제공해 주..

1. 문제 https://leetcode.com/problems/validate-binary-search-tree/ Validate Binary Search Tree - LeetCode Can you solve this real interview question? Validate Binary Search Tree - Given the root of a binary tree, determine if it is a valid binary search tree (BST). A valid BST is defined as follows: * The left subtree of a node contains only nodes with keys le leetcode.com Given the root of a bina..

104번 문제 https://leetcode.com/problems/maximum-depth-of-binary-tree/ Maximum Depth of Binary Tree - LeetCode Can you solve this real interview question? Maximum Depth of Binary Tree - Given the root of a binary tree, return its maximum depth. A binary tree's maximum depth is the number of nodes along the longest path from the root node down to the farthest leaf leetcode.com 1. 문제 Given the root o..

1. 문제 Given the root of a binary tree, invert the tree, and return its root. 이진 트리인 root가 주어지고 해당 트리의 순서를 뒤집어 반환하라 Example 1: Input: root = [4,2,7,1,3,6,9] Output: [4,7,2,9,6,3,1] Example 2: Input: root = [2,1,3] Output: [2,3,1] Example 3: Input: root = [] Output: [] Constraints: The number of nodes in the tree is in the range [0, 100]. 100

1. MongoDB 실행 설치 관련 글은 요기에서~ [ MongoDB ] MongoDB 몽고디비 설치하기(윈도우 windows) 설치 다 끝났으면 설치한 경로의 MongoDB 폴더를 열면 data 폴더가 보일 것이다. data 폴더를 열면 안에 diagnostic.data 폴더와 journal 폴더 두 개가 있는데 db 폴더도 수동으로 만들어주자. 그리고 다시 뒤로가기! bin 폴더로 들어가면 mongod.exe 파일이 보일 것이다. 실행!!!!! 그럼 아주 잠깐 cmd 창이 켜졌다 사라질 것이다 cmd 창이 사라지고 나면 크롬이나 엣지를 켜서 'localhost:27017'을 입력하면 짜잔~ MongoDB가 아주 잘~ 설치되어 실행되고 있다는 것을 알 수 있다! 그리고 이 과정을 아까 같이 설치한 Co..