Dev Diary 💻

Intro안녕하세요. spring boot + MongoDB + Kotlin 에서 새로운 컬렉션 다큐먼트를 추가한 후 데이터 조회 API 실행 시 field locale is not valid in 에러가 발생했습니다.  field locale is not valid in How to solve the problem@Document(collation = "eventSpec")class EventSpec( @Indexed var eventCode: Int?, var eventName: String?, ...)기존 코드는 다음과 같습니다.  @Document(collection = "eventSpec")class EventSpec( @Indexed var eventCode: ..

Intro안녕하세요. 이번 시간에는 타입스크립트 유틸리티 타입인 Omit에 대해 알아보겠습니다. 참고로 유틸리티 타입 (Utility Types)은 TypeScript에서 기존 타입을 변형하거나 확장하여 새로운 타입을 쉽게 생성할 수 있도록 도와주는 내장 타입들입니다. TypeScript는 강력한 타입 시스템을 제공하는 동시에, 복잡한 타입 정의를 단순화하기 위해 여러 가지 유틸리티 타입을 제공합니다. 이 타입들은 특정한 작업(예: 선택적 필드로 변환, 특정 속성 제거 등)을 수행하기 위한 미리 정의된 템플릿처럼 작동합니다. Omit 기본 문법Omit은 TypeScript에서 제공하는 유틸리티 타입 중 하나로, 특정 객체 타입에서 지정된 키를 제거한 새로운 타입을 생성하는 데 사용됩니다. 이 유틸리티 타..

Intro안녕하세요. 이번 시간에는 spring boot 에서 JPA와 pageable 활용한 sort 정렬 구현 방법에 대해 알아보도록 하겠습니다. user 데이터가 있다는 가정하에 진행해보도록 하겠습니다.  1. User 엔티티 정의 User 엔티티에는 id, name, email, createdDate 등의 필드가 있다고 가정합니다.@Entitydata class User( @Id @GeneratedValue(strategy = GenerationType.IDENTITY) val id: Long, val name: String, val email: String, @CreatedDate val createdDate: LocalDateTime) 2. UserReposit..

Intro안녕하세요:) 이번 시간에는 코틀린 Mono, Flux 에 대해 알아보도록 하겠습니다. 요즘 다시 코틀린을 하고 있는데 그새 개념을 잊어먹어 다시 공부가 필요할 것 같아요! 😭 코틀린 Mono, Fluxkotlin에서 Mono, Flux는 Reactor 라이브러리에서 제공하는 비동기 스트림을 표현하는 타입입니다. 이들은 비동기 프로그래밍을 지원하기 위해 만들어졌으며, Reactive Streams 표준을 따릅니다. Reactor 라이브러리는 자바 기반의 리액티브 프로그래밍(비동기 스트림 처리)를 위한 라이브러리입니다. Spring WebFlux와 같은 비동기 웹 애플리케이션에서 주로 사용됩니다. Spring WebFlux는 Spring Framework에서 제공하는 비동기 및 논블로킹 웹 애플..

이 글은 udemy의 The Web Developer Bootcamp 2024 강좌를 바탕으로 정리한 내용입니다. 19. 섹션주제skip 20. HTML 개요HTML은 웹 페이지의 명사 같은 것으로 콘텐츠의 구조를 규정하는 것입니다.It’s just about marking up a documentHTML은 웹 펭이지라는 문서에 마크업을 하기 위한 언어 또는 구문입니다.  21. 우리의 첫 HTML Pageskip 22. Tip 모질라 개발자 네트워크 https://developer.mozilla.org/ko/docs/Web/HTMLMDN Web Docs(Mozilla Developer Network Web Docs)는 웹 개발자들이 HTML, CSS, JavaScript 및 웹 기술과 관련된 정보를 얻..

Intro안녕하세요. 이번 시간에는 인텔리제이에서 이전 화면, 이전 커서로 이동하는 방법에 대해 알아보도록 하겠습니다. 코딩을 하다보면 이전 부분으로 되돌아 가고 싶거나, 다음으로 되돌아가고 싶은 경우가 생길 수 있는데요, 이럴 때 유용하게 쓰일 수 있는 단축키를 소개해드리겠습니다. How to docommand + ] // 이전 커서 위치로 돌아가기 command + [ // 다음 커서 위치로 돌아가기Alt + command + // 다음 커서 위치로 돌아가기 mac에서는 위의 단축키 사용을 통해 이전/다음 커서로 이동이 가능하므로 편한 방법을 선택하여 사용하시면 됩니다 :)

이 글은 udemy의 The Web Developer Bootcamp 2024 강좌를 바탕으로 정리한 내용입니다.11. 섹션 주제skip 12. 5분 뒤의 인터넷인터넷은 네트워크의 네트워크입니다. 서로 통신할 수 있는 수많은 기기들이며, 인터넷은 모든 것을 가능하게 하는 인프라입니다. 인터넷이 연결된 컴퓨터들의 묶음 13.웹이란? 웹은 인터넷을 통해 리소스를 공유하게 하는 정보 시스템입니다. 웹의 실제 작동 방식으로 정보 전송 방식에는 HTTP (Hypertext Transfer Protocol)이 사용됩니다. 웹이 작동하는 방식 커뮤니케이션 방식 리소스나 웹 페이지를 요청하고 공유하는 방식의 기반입니다. TCP, IP 등 다른 프로토콜도 있습니다. 14.요청/응답 주기skip 15. 프런트 엔드(Fro..

이 글은 udemy의 The Web Developer Bootcamp 2024 강좌를 바탕으로 정리한 내용입니다 1. 환영 인사skip 2. 커뮤니티 채팅 및 그룹 참여 방법skip 3. 커리큘럼 소개skip 4. 최종 업데이트 일자에 관하여 skip 5. 코스 업데이트 내역https://plum-poppy-0ea.notion.site/Web-Developer-Bootcamp-ChangeLog-45e3eab6be724c5f9a4b83c01044e126 6. 제가 개발자가 될 수 있을까요? skip 7. 코드와 슬라이드skip 8. 대화영 코딩 연습 및 관련팁skip 9. 코드스 코딩 실습 솔루션skip 10. 구버전 강의 구독자들이 새 강의를 보는 법skip

Intro안녕하세요. 이번 시간에는 yarn berry 제거 방법에 대해 알아보겠습니다. 개발 환경은 Next.js + React 구성을 전제로 진행하겠습니다.혹시 yarn berry가 무엇인지 궁금하신 분들은 링크에 걸려있는 포스팅 참고 부탁드립니다 . How to remove yarn berryYarn Berry (Yarn 2+)를 제거하는 방법은 다음과 같습니다:1. Yarn Berry 설정 파일 삭제프로젝트의 루트 디렉토리에서 .yarnrc.yml 파일을 삭제합니다.#.yarnrc.yml filenodeLinker: node-modulesyarnPath: .yarn/releases/yarn-3.6.0.cjs 2. 패키지 매니저 변경Yarn 1.x로 돌아가려면, yarn을 다시 설치해야 합니다. 다..

Intro안녕하세요. 이번시간에는 React MUI에서 anchorEl 란 무엇이며 사용 이유에 대해 알아보겠습니다.  anchorEl ?Material-UI (MUI)에서 팝오버(Popover)나 메뉴(Menu)와 같은 컴포넌트에서 사용되는 속성으로, 팝업의 위치를 지정하는 역할을 합니다. 이 속성은 팝업이 열릴 위치의 기준이 되는 요소(Element)를 지정합니다. 주요 컴포넌트에서의 anchorEl 사용1. PopoverPopover 컴포넌트는 기준 요소인 anchorEl의 위치를 기준으로 화면에 표시됩니다. The content of the Popover. 2. MenuMenu 컴포넌트는 주로 네비게이션 또는 드롭다운 메뉴를 만들 때 사용됩니다. anchorEl을 통해 메뉴가 나타날 위치를 지정..