본문 바로가기

전체 글18

협업에서 배운 API 공유의 중요성: 팀 프로젝트 실전 회고 이 글은 2022년 9월 7일, 벨로그에 처음 작성했던 글을 보완한 버전입니다. 팀 프로젝트를 준비하시는 분들께 작은 도움이 되기를 바랍니다.온라인 팀 프로젝트 실전 경험을 통해 API 공유의 중요성을 배웠습니다. 협업에서 흔히 발생하는 문제와 API 명세 툴 Swagger의 활용법을 개발자의 시선으로 쉽게 정리했습니다. 협업, 그리고 API 공유에 대하여 이 글은 혼자 개발하던 제가 온라인 팀 프로젝트를 진행하며 직접 경험한 이야기입니다.특히 API 공유의 중요성을 체감한 순간과 실전 팁을 공유합니다. 1. 예상과 다른 팀 프로젝트의 시작 처음 팀 빌딩을 할 때, 프론트엔드 지원자가 대부분일 줄 알았습니다.하지만 팀원 6명 중 백엔드 지원자가 2명이나 있었고, 저는 프론트를 맡게 되었죠. 문제는 .. 2025. 6. 10.
AI 시대, 개발자가 꼭 알아야 할 필수 기술 5가지 요즘 이런 말을 많이 들어요.“AI가 코드를 다 짜주는 시대가 왔다.”ChatGPT, 클로드, Copilot, 커서 등 다양한 AI 도구들이 개발자들의 시간을 확실히 줄여주고 있어요.저도 매일 사용하고 있고요. 그러면 이런 질문이 생깁니다.이제 코딩은 몰라도 되는 거야?결론부터 말하면, 절대 그렇지 않습니다.오히려, 앞으로 개발자는 어디까지 알고 있어야 하는지가 더 중요해질 거예요.단순히 ‘코드 작성’이 아닌,문제를 정의하고, AI와 협업하고, 서비스 전체를 이해할 줄 아는 개발자가 살아남는 시대입니다.그래서 오늘은 ‘AI 시대에 진짜 필요한 개발 지식’을 정말 쉽게, 핵심만 정리해 드리겠습니다. 1. 문제 정의: AI가 대신할 수 없는 인간의 역할AI는 코드를 잘 짜주지만, ‘무엇을 만들어야 하는지’.. 2025. 6. 9.
[스터디 로그] 4주차: 프론트&백엔드 개발 1차 스터디도 이제 마무리 단계이다.더이상 TODO 리스트라고 부를 수 없는 Application이 되긴 했지만 기능은 완성(?)이 되었다.추가 기능: 페이지네이션, 댓글 기능, jwt 인증(로그아웃 가능), 구글 로그인, 비밀번호 찾기 백엔드 쪽에도 많은 변경이 있었으나 엘리스 교육 과정의 코드를 그대로 적용한 부분이 많아서오히려 프론트 쪽에 시간을 더 투자하였다.엘리스 쪽 코드가 SSR(서버사이드렌더링) 방식의 PUG로 되어 있었고내 프로젝트 코드는 CSR(클라이언트사이드렌터링) 방식 EJS로 되어 있어서 내 쪽으로 맞추면서 전체적으로 프론트 쪽은 다시 수정하게 되었다.두 방식 다 낯설어서 작업이 생각보다 속도가 나지 않았지만 비교하면서 작업하는 것이 생각보다 재미있었다.다음주에는 가능하다면 리엑.. 2022. 8. 11.
[스터디 로그] 3주차: 백엔드 개발 - Search Indexes 회원기능 추가가입, 로그인, 로그아웃, 글쓰기 전 로그인 확인, 마이페이지본인 작성 게시물만 수정/삭제 가능(테스트 편의상 해당 기능은 주석 처리)근데 로그아웃이 안 됨....적용: passport, bcrypt (인증, 암복호화 관련하여 공부가 더 필요할 듯) 검색 기능 추가적용: Search Indexes모델명.find... 검색 시 Full Scan 으로 데이터 베이스를 검색하기 때문에 속도가 매우 느림데이터가 늘어나면 속도 이슈가 발생할 가능성이 높음전통적인 방법은 인덱스를 추가하는 것인데해당 방법은 한글과 같은 유니코드 문자의 경우 띄어쓰기 단위로 분석을 해서검색 정확도가 떨어진다.추천하는 방식은 'Search Indexes' 방식이다.컴퍼스에서는 메뉴를 찾지 못했고 웹에서만 찾을 수 있었다... 2022. 8. 4.
[스터디 로그] 2주차: 백엔드 개발 - mongodb, method-override mongodb현업에서는 주로 관계형 DB를 주로 사용하였고nosql의 경우는 토이프로젝트로 한 두번 사용해 본 게 전부였다.이번에 엘리스에서도 몽고DB를 사용한다고 해서 일단 몽고DB로 연결해 보기로 했다.전에 가입해 둔 무료 계정을 이용하였다.아마 500MB까지는 무료일 것이다.https://cloud.mongodb.com MongoDB CloudMongoDB Cloud is a unified data platform for modern applications and includes a global cloud database, search, data lake, mobile, and application services.www.mongodb.com이번에는 1주차와 다르게 CRUD 중 U(수정), D(삭제.. 2022. 7. 28.
[스터디 로그] 2주차: 프론트엔드 개발 - ejs 1주차의 프론트앤드의 모든 기능은 과감하게 버리고...다른 사이트 참고 없이 만들겠다는 당초의 결심도 버리고(시간과 능력의 부족으로)새롭게 만들었다.프론트엔드: html, js, jquery, ajax, ejs, bootstrap백엔드: node.js, express, mongodb, method-override 프론트엔드에서 1주차와 달라진 부분은ejs 를 도입한 것이다.설치$ npm install ejs사용app.set('view engine', 'ejs'); 기본적으로 html 파일과 거의 유사하며 views 폴더에 ejs 확장자로 저장한다. html 코드 안에 js구문, 변수, 인클루드 문서명 등( 사이 위치)을 넣으면 되고네비게이션바나 풋터 같이 반복되는 부분의 처리가 간결하게 인.. 2022. 7. 27.
[스터디 로그] 1주차: 프론트 & 로컬 데이터 연결 새벽 2시다....아직 서버 연결은 안 배웠으니 이번주에 배운 JOSN 파일 연결로 DB를 대신해 보려고 했다.JSON을 GET으로 불러오는 건 5분도 안 걸렸는데 POST가 안 된다.생각해보니 로컬 환경이라 고려할 사항이 한 두가지가 아니다.오히려 그냥 원격 DB에 연결하는 게 더 빠를 것 같다.하지만 왠지 그렇게 하면 공부 단계를 건너뛰는 느낌이라,구글과의 끝없는 논의 끝에JSON Server라는 녀석을 찾았다.내가 찾던 딱 그 아이다.요즘은 정말 구글에 없는 게 없구나.... ㅜㅜ너무 피곤해서 자세한 설명은 공식 깃헙으로 넘긴다.https://github.com/typicode/json-server GitHub - typicode/json-server: Get a full fake REST API .. 2022. 7. 21.
[스터디 로그] 1주차: 프론트엔드 시작 - 간단한 TO-DO LIST 만들기 📌 주제: TO-DO LIST 개발 (프론트엔드) 이번 스터디의 첫 주차 목표는 HTML, JavaScript, BootStrap만 사용하여 간단한 TO-DO LIST를 만드는 것입니다.새로운 기획보다는 핵심 기능 구현에 집중하여, 빠르게 만들고 배운 내용을 적용해보려 합니다. ✅ 개발 목표 핵심:HTML, JavaScript, BootStrap을 활용한 기본 UI 및 주요 기능 구현구현 시간: 약 2~3시간 예상우선순위:할일 추가, 검색 기능다음 단계:다음 주에는 JSON 파일로 데이터 저장 및 불러오기 기능 추가 예정완료 상태 관리 기능도 함께 개발할 계획 🔍 이번 주 학습 포인트 새로 적용해본 것:이번 주에 배운 내용 적극 활용이해가 어려웠던 개념:JavaScript 연산자 (추후 복습 필요.. 2022. 7. 17.
728x90