안녕하세요. 오늘은 Clean Code, Refactoring, Test에 대해서 공부해보았습니다.처음에는 Clean Code를 단순히 “깔끔한 코드”라고 생각했지만, 강의를 듣고 나니 핵심은 다른 사람이 읽고 이해하고 수정하기 쉬운 코드라는 점이었다. 코드는 한 번 작성되지만 여러 번 읽힌다.그래서 좋은 코드는 실행만 잘 되는 코드가 아니라, 의도가 드러나고 변경하기 쉬운 코드여야 한다. 1. 이름은 의도를 드러내야 한다public boolean check(int age) { return age >= 18;} check()라는 이름만 봐서는 무엇을 확인하는지 알기 어렵다. public boolean isAdult(int age) { return age >= 18;} isAdult()처럼 이..

안녕하세요. 오늘은 여행 추천앱 MOTIPE 프로젝트 마무리 회고입니다. 프로젝트 개요프로젝트 이름 : MOTIPE프로젝트 기간 : 6/08 ~ 6/12프로젝트 설명 : 축제 기반 여행 추천 서비스 (웹) GitHubhttps://github.com/sangenie99/AIBE7-Project1-Team01 Websitehttps://aibe7-project1-team01.onrender.com 회원가입은 됐는데, users 테이블에는 왜 없을까?MOTIPE 프로젝트는 지역 축제를 기준으로 여행지를 추천하는 앱으로 시작했다.단순히 여행지를 보여주는 것이 아니라, 사용자가 어떤 축제를 좋아하는지, 어떤 분위기의 여행을 원하는지에 따라 축제와 여행지를 연결해주는 서비스를 목표로 했다.내가 맡은 부분은 로그..

안녕하세요오늘은 생성형 AI를 사용하는 것과 express서버에서 api의 역할을 이해하고 render을 통해서 배포까지 해보았습니다. Gen AI를 활용하는 부분은 크게 세가지가 있다고 합니다.프로젝트 운영과 학습 보조 - chatgpt, gemini에이전트 도구 기반 코드 작업 - codex, claude codeAPI 기반 앱 기능 통합 - 챗봇, 요약 etc... 그래서 오늘은 chatbot을 만들어보았습니다.제가 운동을 좋아한다는 점 그리고 프로그램을 항상 짜는 것이 귀찮았는데 이것을 위해서 chatbot을 만들어 달라고 했습니다. https://two60604-ex-8fqy.onrender.com/ 내가 생각하는 장점운동 프로그램을 위해서는 뽑을 수 있게 텍스트 저장이 기능 추가특정 promp..

안녕하세요~ 오늘은 Javascript fetch에 대해서 공부하고 POKEAPI를 이용해서 포켓몬 도감을 만드는 시간을 가져보았습니다. API라는 단어는 살면서 엄청 많이 들어봤습니다. API 주소를 입력해야한다. 등 이런 말들을 들을 때 마다 다양한 형태의 api주소를 그때그때 지피티와 이야기하면서 기입하고는 했는데 오늘이야 조금 이해가 되는 것 같네요. API Application programming interface로 시스템 간 데이터 송수신을 위해 합의된 통신 규약 및 상호작용 매개 창구라고 합니다. 굉장히 재밌네요... fetch를 사용할 때는 보통 method는 기본값이 GET이라고 합니다. 그래서 POST,PUT,DELETE를 할때는 method부분을 바꾸는 것을 잊으면 안되며 저장할때는..

안녕하세요~ 오늘은 메모앱 만들기 및 CallBack과 Promise를 공부하였습니다. 오늘 공부한 내용은 HTML에 생동감을 불어 넣어줄 수 있는 Event를 실습 할 수 있는 시간이었던 것 같습니다. DOM은 저번에 공부하였지만 아직까지 와닷지 않았는데 메모앱을 만들고 다시 하나하나 뜻어보면서 event가 있을 때 행동을 부여하는 addeventlistenerdocument(html파일)안에서 node를 찾아주는 queryselectorcreateElement와 textcontent를 통해서 메모된 것을 추가해줄 수 있는 그런 아름다운 나만의 cozy한 메모을 만들 수 있었네요:) 매모 앱: sangenie99.github.io/260529_ex/ Cozy Daily MemoCozy Daily Me..

안녕하세요~오늘은 DOM, Event, BOM, 에 대해 공부했습니다. 오늘 공부한 내용은 브라우저에서 JavaScript가 어떻게 동작하는지 이해하는 데 필요한 기본 개념들이었습니다. 먼저 DOM은 Document Object Model의 약자로, 브라우저가 HTML 문서를 읽고 객체 트리 형태로 만든 구조를 의미합니다. 쉽게 말하면 HTML 태그들을 JavaScript로 접근하고 수정할 수 있게 만들어주는 연결 통로라고 볼 수 있습니다.DOM을 공부하면서 document.querySelector()와 querySelectorAll()도 함께 살펴봤습니다. querySelector()는 조건에 맞는 첫 번째 요소를 가져오고, querySelectorAll()은 조건에 맞는 여러 요소를 가져올 때 사용합..