안녕하세요. 오늘은 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()처럼 이..

안녕하세요오늘은 생성형 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()은 조건에 맞는 여러 요소를 가져올 때 사용합..