본문 바로가기

분류 전체보기

 (66)
[Spring Boot] @RestController와 @Controller의 차이점 스프링 입문 실습 후 과제를 진행하기 위해 문항을 봤다. "기본 웹 페이지를 설정하고 @RestController를 사용하여 간단한 REST API 엔드포인트를 구현합니다.예를 들어, “Hello, World” 메시지를 반환하는 API를 만듭니다.엔드포인트 실행 결과 스크린샷 및 코드를 결과물로 제출합니다." 수업들었던 것 참고하려는데 수업에서는 @Controller를 사용했는데 과제는 @RestController?무슨 차이지 하면서 찾아보게 되었다.  @RestController란?@RestController는 Spring MVC에서 RESTful 웹 서비스를 개발하기 위한 어노테이션이다.Spring은 반환 값을 JSON 또는 XML로 변환해 클라이언트에 전달하고, @Controller와 @Respon..
[React] Router를 활용하여 모달띄우기 들어가기 전에React 수업을 들은 후, 팀 과제로 TMDB를 활용한 넷플릭스 클론 프로젝트를 진행하게 되었다.프로젝트에서 각자 맡을 역할을 나누는 과정에서, 나는 자발적으로 모달 화면 구현을 담당했다. 사실 React 수업에서도 넷플릭스와 유사한 형식을 따라 개발했지만, 당시에는 개념적으로 헷갈리는 부분이 많았다.그래서 이번 프로젝트를 통해 부족했던 부분을 더 깊이 이해하고자 했다. Modal 화면을 구현하면서 수업에서 배웠던 방식(setModalOpen이라는 플래그를 사용해 모달을 띄우는 방식)을 떠올렸다.그러나 넷플릭스의 실제 페이지를 살펴보니, 모달이 뜰 때 URL이 변경되는 것을 발견했다.이와 같은 동작을 구현해보고 싶어 검색을 시작했고, React Router를 사용하면 모달을 URL 변경과 ..
[JavaScript] ES모듈로 동적 로드와 버튼 액션 구현하기 인스타그램 클론 팀 프로젝트를 진행하던 중동적으로 로드한 sidebar.js 내부함수를 호출했는데 무반응. 디버깅해보니 discovery(호출하는 곳)에는 버튼에 해당하는 html을 못찾아서 발생된 문제. 처음에 전역으로 선언했지만 메모리를 낭비할 수도 있겠단 생각에 다른 방식을 찾아봄(작은 프로젝트지만 확장성 고려) 검색하다 ES모듈이라는 것을 찾아서 적용하게 됨.함수 내보내기// sidebar.jsexport function configButtonAction() { const menuButton = document.querySelector(".menuButton"); menuButton.addEventListener("click", (e) => { // button Action }}함수 가져오기/..
구름톤 풀스택 트레이닝 12회차 5주차 회고 시작드디어 24년의 마지막 수업 끝!다음 주부터 2주간 방학!팀별로 회고를 진행했는데우리 팀이 관리자 평가, 교육생 평가 종합 1위로 우수팀에 선정되었다🎊🎊🎊사실 다른 팀들은 진행하면서 개인 프로젝트도 진행했던데,우리 팀은 딱 커리큘럼에만 집중해서 솔직히 이게 맞나? 했는데퍼실님들이 칭찬과 응원을 해주셔서 머쓱 + 뿌듯외식 상품권 2만원 준다고 해서 기대 중 ㅎㅎ 과제인스타그램 UI 클론을 마무리했다.exp미션에 과제가 잘못 전달되어 일정에 화면을 추가하느라 마무리가 좀 빠듯했지만다들 일단 완성에 박수를 치자며 하하..다크모드 설정이 안된다고 하셔서 왤까 했는데 알고보니 초반에 내가 다크모드 세팅한답시고 해둔게테마를 커스텀하는게 아닌 os의 테마를 따라가는 거였다..! 검색 더 해볼걸!!그거라도 설..
구름톤 풀스택 트레이닝 12회차 4주차 후기 시작다음주가 프론트의 마지막 주!그리고 한달이 되었다.돌아봤을 때 성장을 했는가? 라고 물어본다면 난 자신있게 모르겠다 라고 말할 수 있다.농담이고 어느정도는 성장했다 생각한다.일단 html/css, js코드를 보고 어떻게 굴러가는지는 어느정도 알 수 있게 되었으니까?근데 리액트는 아직 잘 모르겠다.이전 것도 과제를 하면서 좀 더 알게 되었으니 리액트도 과제하다보면 알 수 있지 않을까? 강의강의 보는 커리큘럼은 끝났다 생각해서 그런가 아직 강의를 자꾸 안봄..다만 리액트 테스트 강의를 보는 중 강의와는 다르게 나는 계속 mws? msw? 오류가 발생하는 거였다.찾아보니 버전 업데이트되면서 충돌이 나는 듯했다.마이그레이션도 하는 방법을 찾았지만 어디서 하는지 문서봐도 잘 모르겠고,강의를 따라가야한다는 조급..
구름톤 풀스택 트레이닝 12회차 3주차 회고 시작체감상 3일 지난거 같은데 일주일 끝남ㅋㅋ..이번 주 또한 컨디션이 내내 좋지 못했음.아침: 피곤점심: 밥+낮잠저녁: 쌩쌩(그래서 늦게잠)다시 아침이 굴레로 데굴데굴..운동하면 좀 나아지려나.. 강의저번주에 밀린 영상의 스노우볼이 아직도 함께하고 있다.그래도 리액트 기초 영상은 다 봤다ㅠㅠ리액트 테스트 영상보면되는데 커리큘럼상 내일이 영상보는 마지막이네?ㅋㅋ세상에제공해 주는 영상 다른 것도 보고싶었는데 시간이 부족해서 못보다니주말동안 해보려고 했는데 시국이 안도와준다오늘은 몸살남ㅎㅎ 과제HTML/CSS, JavaScript 과제는 제출했다! 하하하지만 리액트 기초와 테스트 과제가 남아있지^^ㅠlms에 과제가 안올라와서 뭐지?? 했는데 그저껜가 페이지 스크롤 내리다가 lms과제 리스트가 스크롤하면 나타..
구름톤 풀스택 트레이닝 12회차 2주차 회고 시작와 벌써 2주차다.이번주는 컨디션이 내내 좋지 못했음.계획대로 안된게 생각보다 스트레스였다.한번 계획이 어그러지니 스노우볼이 되어 목, 금에는 정신 상태가 메롱이였다.폭설온 날 치즈 데리고 산책갔다 미끄러져서 몸상태도 메롱투두도 이곳 저곳에 다 있어서 걍 폰에다 몰았음 아 그리고 도서지원비가 들어와서 CS책 삼ㅋㅋ 강의월요일부터는 알고리즘 강의가 시작되었다.하지만 lms에 문제가 생겨서 강의 진행도 제대로 안됨 + 오후까지 강의를 들을 수 없었다.일정은 정해져있는데 영상도 못보고, 강의자료도 볼 수 없다는데 진짜 큰 분노!근데 그게 화요일까지도 이어졌다^^!뭐 덕분에 밀린 과제도 하고 팀원들과 팀미션 이야기도 나눌 수 있었다.그리고 아직 나에겐 이틀치의 영상이 밀려있다 ㅋㅋ주말에 들으려고 했는데 피로..
구름톤 트레이닝 풀스택 12회차 1주차 회고 체감상 3일이였던 일주일이였다.. 시작첫 이틀간은 정말 죽을맛이였다.치즈 산책을 위해 7시 알람을 맞추고 (8시 30분 기상) 산책 다녀오니 계획했던 시간보다 늦게 시작했다.수업 + 과제 끝내면 12시가 넘어서 피곤하다고 헤롱대고 있으니 남편이 산책은 본인한테 맡기라고 종종 쉬책이나 해달라고 했다.산책 부담을 줄이니 아침 루틴으로 5분 명상, 필사, 계획 세우기를 짧게나마 할 수 있도록 여유가 생겼다.그렇다고 일찍 잘 수 있진 않았다. 강의HTML/CSS는 처음이다보니 좀 헤맸다.그리고 오티때 관리자님이 강의가 하루에 4시간 분량이다라고 하셨는데, 스터디 팀원분이 시간 계산해보니 강의 시간이 7시간이였다고 하셨다.초반이니 그렇겠지 했는데 아무리 계산해봐도 4시간은 아닌 것 같다.그래도 JavaScript..

티스토리툴바