Dev Diary 💻

Intro JavaScript의 Math.floor() 메소드에 대해 알아보도록 하겠습니다. Math.floor()? Math.floor() 함수는 항상 내림하여 주어진 숫자보다 작거나 같은 가장 큰 정수를 반환합니다. Syntax Math.floor(x) Parameters x : A number 숫자 Example Math.floor(-Infinity); // -Infinity Math.floor(-45.95); // -46 Math.floor(-45.05); // -46 Math.floor(-0); // -0 Math.floor(0); // 0 Math.floor(4); // 4 Math.floor(45.05); // 45 Math.floor(45.95); // 45 Math.floor(Infini..

Intro JavaScript의 parseInt() 메소드에 대해 알아보도록 하겠습니다. parseInt()란? parseInt() 함수는 문자열 인자를 파싱하여 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환합니다. Syntax parseInt(string) parseInt(string, radix) Parmaters string : 파싱할 값입니다. 문자열이 아닐 경우 ToString 추상 연산을 사용해 문자열로 변환합니다. 문자열의 선행 공백은 무시합니다. radix (optional) : string의 진수를 나타내는 2부터 36까지의 정수입니다. Example parseInt('0xF', 16) parseInt('F', 16) parseInt('17', 8) parseInt(021..

이 글은 udemy의 Next.js & React - 완벽 정복 가이드 (incl. Two Paths) 강좌를 바탕으로 정리한 내용입니다. 124. 모듈 요약 getStaticProps 함수도 실행해보고 유효성 재검사 옵션을 통해 해당 컴포넌트가 배치되고 주기적으로 재생성하게 설정해봤습니다. 또한 getStaticPaths 함수를 결합하여 동적 페이지를 생성했고 폴백 옵션을 추가함으로써 예상되는 모든 경우의 인스턴스에 알아서 대응할 수 있도록 했습니다. getServerSideProps 함수도 실행하는 걸 확인했습니다. 하지만 클라이언트 사이드 데이터 페칭으로 전환했습니다. 그 함수는 다음에 실습할 수 있습니다. 이제 여러분은 Next.js에서 쓸 수 있는 데이터 페칭의 핵심 구조를 배웠습니다. 그중 일..

이 글은 udemy의 Next.js & React - 완벽 정복 가이드 (incl. Two Paths) 강좌를 바탕으로 정리한 내용입니다. 86. 모듈 개요 Next.js를 이용하면 풀스택 React 앱을 구축할 수 있습니다. Next.js는 서버 사이드에서 페이지를 사전 렌더링 해줍니다. Next.js는 코드 실행에 있어서 클라이언트 사이드 뿐만 아니라 React 앱이 실행되는 사용자의 브라우저 뿐만 아니라 서버 사이드에서 코드를 실행할 때도 도움을 줍니다. 페이지에 표시되어야 하는 데이터를 준비하거나 로딩하는 작업을 돕는다는 의미입니다. 데이터 fetching이 무엇인가 Static VS Server-side Page 어떻게 데이터 fetch 하는가 이 의미에 대해 자세히 살펴보도록 합시다. 87. ..

Intro mongodb의 read preference에 대해 알아보겠습니다. Read Preference? read preference란 mongo db에서 replica set 설정 시 primary, secondary에 대한 설정입니다. 이를 위해 mongo db는 5가지 방법을 지원하고 있습니다. Read Preference ModeDescription primary Default mode. All operations read from the current replica set primary. Multi-document transactions that contain read operations must use read preference primary. All operations in a give..

Intro 이번 시간에는 spring boot 에서 mongodb read preference를 설정하는 방법에 대해 알아보도록 하겠습니다. 제 경우 Spring boot 로 구성된 프로젝트에 monogo db read preference 가 따로 적용되어 있지 않았습니다. 여러 read preference mode 중에서 secondaryPreferred 를 적용하기 위해 구글링을 해봤습니다. Read preference 참고로, Read preference란 MongoDB 클라이언트가 읽기 작업을 replica set의 members에게 route 하는 방법을 설명하는 것입니다. 총 5가지의 방식이 있으며, primary가 기본 default 값으로 적용됩니다. primary (default mode..

Intro 안녕하세요. 리눅스의 top 명령어에 대해 알아보도록 하겠습니다. top 명령어란? top 명령어는 Linux에서 실행 중인 프로세스의 실시간을 표시하고 커널 관리 작업을 표시합니다. 이 명령어는 CPU 및 메모리 사용량을 포함한 리소스 사용량을 보여주는 시스템 정보 요약을 제공합니다. top 명령 구문 및 옵션 top -hv | -bcEeHiOSs1 -d secs -n max -u | U user -p pid(s) -o field -w [cols] -h Help 명령 도움말 파일을 표시합니다. -v Version 라이브러리 버전 및 사용 프롬포트를 표시합니다. -b Batch mode Starts top in batch mode, allowing to send the command's out..

Intro Intellij의 단축키 사용법에 대해 알아보도록 하겠습니다. How to do Windows & Linux keymap Default masOS keymap 사용하시는 운영체제에 따라 맞는 단축키를 사용하시면 됩니다. https://resources.jetbrains.com/storage/products/intellij-idea/docs/IntelliJIDEA_ReferenceCard.pdf https://medium.com/hongbeomi-dev/intellij-keymap-%EB%8B%A8%EC%B6%95%ED%82%A4-%EC%A0%95%EB%A6%AC-2c966bc03111

이 글은 udemy의 Next.js & React - 완벽 정복 가이드 (incl. Two Paths) 강좌를 바탕으로 정리한 내용입니다. 69. 모듈 개요 이번 섹션에서는 이벤트 앱을 간단하게 만들어보도록 하겠습니다. 이벤트 목록을 확인하고, 그 중에서 한 이벤트를 선택할 수도 있습니다. Creat a Complete NextJS Project From Scratch Add Static & Dynamic Routes Add Regular Components & Connect Everything! 70. 프로젝트 계획 / : Startign PAge (show featured Events) /events: Events Page (show all Events) /events/event> event-item..

Intro 인텔리제이 Intellij 에서 prettier 설정하는 방법에 대해 알아보도록 하겠습니다. 제 경우 이미 prettier 플러그인과 필요한 dependency, 그리고 prettierrc.js 파일도 이미 생성을 했습니다. 하지만 prettier 적용이 제대로 되지 않았습니다. 참고! Prettier 프리티어는 일종의 코드 formatter 입니다. 프리티어를 사용 시 일관된 코드 스타일을 유지할 수 있습니다. 예로 들여쓰기, 줄 바꿈 너비 등의 설정이 있습니다. How to do 구글링을 해보니, 제가 놓쳤던 설정이 하나 있었습니다. 바로 인텔리제이 내부 IDE 안에서 Prettier 설정을 해줘야 한다는 것이었습니다. Preferences > Languages & Frameworks > ..