brobro332.dev

문제Given the root of a binary tree, check whether it is a mirror of itself (i.e., symmetric around its center). 예제 1 Input: root = [1,2,2,3,4,4,3]Output: true 예제 2 Input: root = [1,2,2,null,3,null,3]Output: false 제약조건✅ The number of nodes in the tree is in the range [1, 1000]. ✅ -100 문제풀이/** * Definition for a binary tree node. * public class TreeNode { * int val; * TreeNode left; * ..

지난번에 방문한 곳인데 이제야 올린다.[모모돈까스]경기 의정부시 평화로 220 다메오상가 201호상가 중앙에 주차장 공간이 크게 있어서 너무 편하다.평일에 반차내고 간 거라 주말엔 주차 공간이 넉넉할지는 모르겠다.주차장으로 들어가서 계단을 잘 찾아서 2층으로 올라가면 된다. 다 좋은데 계단 찾기가 좀 어렵다. 친구가 늦게 와서 미리 주문했는데 애피타이저로 스프가 나왔다.친구 건 도착하고서 따로 내주셨는데 디테일에 감동했다. 👍친구랑 나는 모모정식으로 주문했다.함박 스테이크는 별로 기대 안 했는데 제일 맛있었음 !특히 나는 경양식 돈까스 좋아해서 너무 맛있게 먹었다.가격이 조금 쎄다고 느낄 수 있지만 전혀 아깝지 않았고 만족스러웠다.최근 새로 오픈했다고 하는데 더 잘 됐으면 해서 포스팅한다. 😃별로..

📘 『소플의 처음 만난 리액트』를 읽고 정리한 글입니다. 폼폼은 사용자로부터 입력을 받기 위해 사용한다.HTML의 폼은 엘리먼트 내부에 각각의 상태가 존재한다.반면 리액트의 폼은 컴포넌트 내부에서 상태를 통해 데이터를 관리한다. 이름 : 제출상기 코드는 HTML의 폼이다.리액트에서도 작동은 하지만 자바스크립트 코드를 통해 사용자가 입력한 값에 접근하기는 불편한 구조이다.이를 해소하기 위해선 제어 컴포넌트를 숙지해야 한다. 제어 컴포넌트리액트의 통제를 받으며, 사용자 입력에 대한 접근 및 제어를 처리하는 입력 폼 엘리먼트이다.위의 HTML 폼을 리액트의 제어 컴포넌트로 만드는 것이다.function NameForm(props) { const [value, ..

문제Given the roots of two binary trees p and q, write a function to check if they are the same or not. Two binary trees are considered the same if they are structurally identical, and the nodes have the same value.예제 1Input: p = [1,2,3], q = [1,2,3]Output: true예제 2Input: p = [1,2], q = [1,null,2]Output: false예제 3Input: p = [1,2,1], q = [1,1,2]Output: false제약조건✅ The number of nodes in both trees i..

작성자 본인은 보통 데스크톱 PC에 더블 모니터를 연결해 작업을 한다.그럼에도 주말 같은 경우는 외부에서 노트북을 많이 쓰는데, 화면이 하나라서 너무 불편하다.근데 가상 데스크톱을 생성해서 화면 전환하면서 쓸 수 있다니 군침이 싹 돈다. 🤤아, 물론 더블 모니터랑 개념이 조금 다르긴 하다. 가상 데스크톱 생성윈도우 + Tab 키를 눌러서 데스크톱 관리 화면으로 이동한다.상단에 있는 [새 데스크톱] 버튼을 누른다.참고로 위 이미지 데스크톱 2에서 클립보드에 복사해서 데스크톱 1 티스토리 편집기에 붙여 넣기 한 거다 ㅋㅋ 화면 전환 Ctrl + 윈도우 + 좌우 방향키를 눌러서 화면 전환하면 된다. 더블 모니터랑 개념이 약간 달라서 작업 표시줄을 공유하지는 않는다. 단 현재 사용하지 않는 ..

📘 『소플의 처음 만난 리액트』를 읽고 정리한 글입니다. 리스트와 키리스트는 같은 유형의 아이템을 순서대로 모아놓은 것이다.리스트를 구현하기 위해 자바스크립트의 변수나 객체를 하나의 변수로 묶어놓은 것을 배열이라고 한다.키는 각 객체나 아이템을 구분할 수 있는 고유한 값을 의미한다. Map()같은 컴포넌트를 재사용할 때 각 컴포넌트의 내용을 코드상에 하나씩 직접 넣는 것은 비효율적이다.대신 자바스크립트 배열의 map() 함수를 사용하면 된다.map() 함수는 배열에 들어있는 각 변수 또는 객체에 어떤 처리를 한 뒤 배열을 리턴한다. 다음은 예제 코드이다.function NumberList(props) { const { numbers } = props; const listItems = ..

문제Given the root of a binary tree, return the inorder traversal of its nodes' values. 예제 1Input: root = [1,null,2,3]Output: [1,3,2]예제 2Input: root = [1,2,3,4,5,null,8,null,null,6,7,9]Output: [4,2,6,5,7,1,3,9,8]예제 3Input: root = []Output: []예제 4Input: root = [1]Output: [1]제약조건✅ The number of nodes in the tree is in the range [0, 100]. ✅ -100  문제풀이/** * Definition for a binary tree node. * public ..

📘 『소플의 처음 만난 리액트』를 읽고 정리한 글입니다. 조건부 렌더링이란?조건에 따라 렌더링이 달라지는 걸 의미한다.여기서 조건은 프로그래밍 언어에서 보통 일컫는 조건문을 의미한다. 인라인 조건이란?조건문을 코드 안에 집어넣는 것을 의미한다. 코드를 살펴보자. 인라인 iffunction Mailbox(props) { const unreadMessages = props.unreadMessages; return ( 안녕하세요! {unreadMessages.length > 0 && 현재 {unreadMessages.length}개의 읽지 않은 메세지가 있습니다. ..

문제You are given two integer arrays nums1 and nums2, sorted in non-decreasing order, and two integers m and n, representing the number of elements in nums1 and nums2 respectively. Merge nums1 and nums2 into a single array sorted in non-decreasing order. The final sorted array should not be returned by the function, but instead be stored inside the array nums1. To accommodate this, nums1 has a len..

이번 포스팅에선 API 문서를 자동화해주는 Swagger에 대해 알아볼 것이다.  API 문서는 왜 작성할까?단순 문서화개발 협업(프론트 개발자 - 백엔드 개발자)버전 관리테스트예전에 팀 프로젝트에서 모바일 개발자님에게 API 공유를 위해 API 명세서를 일일이 노션으로 작성한 적이 있다.당시 문서화하면서 머리가 나쁘면 몸이 고생한다는 그 말이 생각났다.하지만 당시에는 아는 게 없으니 별 다른 수가 없어서 그냥 했었다. 멤버 등록 API를 문서화해 보자build.gradle/* Swagger */implementation 'org.springdoc:springdoc-openapi-starter-webmvc-ui:2.3.0' application.ymlspringdoc:  api-docs:    enabl..