한 입 시리즈 강의로 유명한 이정환 강사님의 한 입 크기로 잘라 먹는 Next.js 책 서평단으로써, 책을 읽고 후기를 남깁니다! 책의 저자인 이정환 강사님은 인프런과 유데미에서도 강의를 하고 계신데 강의 역시 개인적으로 유용했고 강의력도 좋으시다 보니 책이 기대가 되었습니다. 복잡하거나 한 번에 이해가 되지 않는 개념들도 그림과 함께 설명을 해주셔서 도움이 되었고, 이러한 점들로 한 입 시리즈 강의들을 좋아한답니다. 📘 책 소개한 입 크기로 잘라 먹는 Next.js 책은 Next.js 입문서로써, 핵심 개념들을 쉽고 풀어서 설명해 주는 친절한 책입니다. 기본 개념부터 실습까지 구성이 다양해서 책 한 권으로 기술을 재밌게 익힐 수 있습니다. 책은 크게 1부, 2부로 나뉘는데요.1부. 빠르게 알아보는 페..
터미널은 개발자에게 가장 가까운 존재라고 할 수 있는데요. 특히나 IDE를 통해 코딩을 할 때, 터미널을 바로바로 킬 수 있기 때문에 개발자들에게 큰 도움이 될 만한 Google의 새로운 도구 'Gemini CLI'에 대해 알아보려고 합니다 ! Gemini CLI란 무엇인가?구글이 만든 오픈소스 AI 에이전트인 Gemini CLI ✨ 2025년 6월 25일, Google에서는 터미널에서 로컬로 실행되는 오픈 소스 AI 코딩 도구인 '제미나이 CLI(Gemini Command Line Interface)'를 출시했습니다. 이는 개발자들이 익숙한 터미널 환경에서 바로 AI의 도움을 받을 수 있게 해주는 혁신적인 도구입니다. https://blog.google/technology/developers/intro..
문서 관리와 편집의 자동화 도구로 유용한 'Notion'의 공식 MCP Server를 사용해보려고 합니다!앞서 MCP가 무엇인지 간략히 소개해 드렸는데요,이번에는 직접 사용해보는 과정을 공유드리려고 해요. 🏄 Notion MCP 맛보기:: Notion MCP와 Claude Desktop 연동하기 지난번에 이론적인 개념은 이해했다면, 실제로 어떻게 동작하는지를 확인해보려고 합니다!MCP Server 를 사용하기 위한 여러 tool 이 있지만, 그중에서도 개발자/비개발자 모두 사용가능한 Claude Desktop으로 적용해 보았습니다.Notoin MCP 서버는 모두 Node.js가 필요합니다 (18 version 이상)- https://nodejs.org/ko/download 📌 설정 방법먼저 Notio..
요즘 AI 생태계가 점점 확장되면서 MCP Server가 등장을 했는데요!MCP로 생산성을 끌어올렸다는 말과 함께, 기업들도 공식적으로 MCP Server를 내고 있는 요즘입니다.사내 테크톡을 하면서 발표를 할 기회를 가지게 되어 MCP 정의와 간단한 사용법에 대해 알아보았습니다.이번 글에는 먼저 MCP에 대한 간단한 소개를 공유해보려고 합니다 🏄 MCP란?Model Context Protocol의 약자입니다. MCP에서 공식적으로 한 문장을 빌리자면 아래와 같습니다."MCP is an open protocol that standardizes how applications provide context to LLMs." -modelcontextprotocol.io"An open protocol that ..
회사에서 금융인증서 테스트를 위해 https로 접근을 해야 했다. 보안을 위해 http로는 접근이 되지 않았다. 하지만 그동안 local 에서 개발을 진행할 때는 http로 밖에 웹사이트를 열지 않았기 때문에, 추가 설정이 필요하였다. Nginx 설치 이를 위해선 먼저 Nginx가 필요하다. 로컬에서 설정하면 배포 환경과 동일하게 테스트 가능하다.brew install nginx SSL 인증서 생성mkcert를 통해 브라우저에서 SSL 인증서 경고 없이 HTTPS 사용이 가능하다. brew install mkcertmkcert -installmkcert local.test.com 마지막 명령어에는 사용할 도메인으로 입력해준다.local.test.com 은 로컬 테스트용 도메인으로 host 파일에 미리..
작년에 이어 프론트엔드 개발자로서 2번째의 회고를 쓰게 되었다! 그동안 팀에서 막내였는데, 이제 이후로 3명이 더 들어오기도 했다. 1년 동안 어떤 것들들 해왔고 느꼈는지 회고하는 글을 작성하려고 한다. 확장성을 생각하는 개발작년에는 업무에 적응을 하고 요청 사항에 맞게 만들었다면, 올해에는 확장성을 더 생각해서 개발을 하였다. 봄여름가을겨울을 모두 보내다 보니까 개발 프로세스도 익히고 업무에 대해 적응을 할 수 있었다. 1년 차까지만 해도, 작업별 소요 시간을 계산하는 것도 감이 안 왔었는데 이제는 파악도 조금 되는 것 같다. 개발을 하면서 기획이 나오고 단순히 일회성으로 끝나는 것이면 확장성을 생각 안 해도 되겠지만, 추가적인 기획이 나오거나 유지보수하면서 기능 확장이 되는 경우를 많이 접하게 되었..
https://jsisweird.com/ JS is weirdA fun and tricky JavaScript quizjsisweird.com 자바스크립트만의 매력이라고 할 수 있는 요상한 문법들을 다룬 사이트가 있다JS is weird 라는 사이트는'연산'과 '타입 변환'을 중심으로 자바스크립트 문제 25개를 풀 수 있는 곳이다 평소에 생각하지 못했던 문법들이 나와서 심심할 때 재미 삼아 풀어볼 만하다! 오늘은 그 중에서 생각해 볼 만한 문제 8개를 풀이해보려고 한다 1. true + false 👉 1 "+" 연산시 boolean 은 number 타입으로 변환된다.그러면 1 + 0 이 되니까, 결과는 1이다. 2. [,,,].length 👉 3 빈 공간에는 undefined 가 들어간다.마지막의..
Javascript에서 숫자는 64비트 부동소수점 형식으로 저장된다. 64비트 부동소수점이 어떤 건지 알아야0.1 + 0.2 === 0.3 이 오류라는 것을 이해할 수 있다! 64비트 부동소수점이 어떤건지 각각의 단어를 먼저 나눠서 살펴보자 🧐 64비트 자바의 경우, int, char, float 등 숫자 하나에도 여러 타입을 지닌다.자바스크립트는 다른 언어와 다르게 숫자는 number 타입 하나로만 다루고 있다.number 타입은 64비트의 고정된 크기 공간을 가지고 있다. 사람은 숫자를 10진법, 컴퓨터는 2진법으로 표현한다.컴퓨터는 모든 데이터를 0, 1로 이루어진 이진수로 처리한다. 그래서 하나의 비트(bit)는 0 또는 1의 값을 지닌다. 부동소수점 뜰 부, 움직일 동 (浮動)Floatin..
이번 사이드 프로젝트는 아이디어가 담긴 어떠한 제품을 만들어 내기보다는, 입사 이후 처음 하는 사이드 프로젝트인 만큼 감을 익혀보자라는 가벼운 마음으로 진행했다.프로젝트를 하면서 많은 깨달음을 얻었고 여러 욕심과 동기부여가 생겨서 의미 있던 프로젝트이다! 🍊🫶 How are you?나에 대해 알아가는 시간, 당신은 어떠신가요? 하루에 한 번, 나에 대한 질문 카드가 주어진다. 주제는 다양하며 온전히 나의 생각에 대해 답변하는 것이다.하루하루 답변한 것들은 리스트로 볼 수 있으며 당일에 한정해서 작성한 내용을 수정할 수 있다. https://github.com/beyond-localhost/how-are-you-FE GitHub - beyond-localhost/how-are-you-FE: 나에 대해..
