이번에 대학생 직무 멘토링에 "웹 개발자" 멘토로서 참여를 했습니다! 벌써 2번째인데요. 취준 기간 동안에는 나중에 꼭 멘토링을 해보고 싶다는 생각만 했었는데, 이번 기회에 조금이나마 도움을 줄 수 있게 되어 의미 있는 경험이었습니다. 그래서 멘토로서 받았던 질문들과 후기를 남겨보려고 합니다! 💬 왜 멘토링을 하게 되었는지?대학교 3, 4학년 때 학교에서 진행했던 직무 멘토링이 많이 도움이 되었습니다. (그 때는 개발자 직무가 아니었지만ㅎ) 취준생일 때는 사소한 거 하나하나 주변에 취업한 사람이 없으면 모르는 게 많거든요 ^.^... 그래서 저도 꼭 나중에 취업을 하면 멘토링 프로그램에 멘토로 참여해서 도움이 필요한 친구들에게 공유를 하고 싶다는 생각을 했었어요. 그리고 난 후 ,, 취업을 하고 나서..

웹 개발에 있어 중요한 개념인 '시맨틱 태그(Semantic Tag)'에 대해 자세히 알아보려고 합니다. 웹이란 모든 사람들이 접근할 수 있도록 보편성을 제공하는 것이 중요한데요. 최근 유퀴즈에서 미국 월가에서 일하는 시각 장애인분의 영상을 보고 웹 개발자로서 접근성 측면을 더 고려해야겠다는 것을 느꼈었습니다. 그래서 이번에는 HTML5에서 도입된 이 개념이 왜 중요한지, 어떤 장점이 있는지 함께 살펴보겠습니다! 🏃🏻‍♀️🏃🏻‍♀️ 📌 시맨틱 태그란 무엇인가?역할이나 목적 등의 의미를 갖는 태그입니다. 'Semantic'이란 '의미론적인'이라는 뜻으로, 프로그래밍에서는 '코드 조각이 담고 있는 의미'를 나타냅니다. 시맨틱 태그는 단순히 내용을 감싸는 것을 넘어서 그 내용이 어떤 역할을 하는지, ..

최근에 사내 프로젝트에 적용한 '한글 코딩 컨벤션'에 대해 이야기해보려고 합니다. 한글 코딩 컨벤션이란 변수명, 함수명 등의 네이밍을 한글로 작성하는 방식을 말합니다. 예전에는 유니코드 이슈 때문에 영어를 사용하는 것이 일반적이었지만, 최근에는 이러한 이슈가 해소되면서 한글로 코드를 작성하는 시도가 점점 늘고 있습니다. 서칭을 해보았을 때 토스(TOSS)에서는 ‘세종대왕 프로젝트’라는 이름으로 컨벤션 문서를 작성하였고, 직방에서는 데이터베이스 컬럼에도 한글 명명을 적용한 사례를 확인할 수 있었습니다. 이번 글에서는 한글 코딩 컨벤션 소개와 적용기를 공유하고, 옛날에는 왜 쓸 수 없었는지에 대한 국제 인코딩 관련 이슈도 공유해보려고 합니다! 🤯 도입 계기세무회계 비즈니스 관련 기능 개발을 진행하면서, ..

한 입 시리즈 강의로 유명한 이정환 강사님의 한 입 크기로 잘라 먹는 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년 차까지만 해도, 작업별 소요 시간을 계산하는 것도 감이 안 왔었는데 이제는 파악도 조금 되는 것 같다. 개발을 하면서 기획이 나오고 단순히 일회성으로 끝나는 것이면 확장성을 생각 안 해도 되겠지만, 추가적인 기획이 나오거나 유지보수하면서 기능 확장이 되는 경우를 많이 접하게 되었..