본문 바로가기

전체 글151

개인프로젝트 - 하하하 1 : 단순 CRUD부터 애자일하게 변경한 것 프론트엔드를 함께 구현하려고 하니 기본적인 CRUD에서부터 시간이 오래 걸린다. 그래서 완전 처음의 init브랜치에서 User정보와 로그인, 인증/인가 까지 구현하는 방식에서 다 덜어내고 기본 Quiz Entity의 CRUD만 구성하기로 했다. 현재 상황 라우팅, No CSS onClick동작하게만 구현 기본 CRUD 구현 느낀 점 - 프론트도 처음부터 차근히 하려니 더디지만 그동안 궁금했던 것들을 정면승부하는 느낌이라 좋다. 이제 유저정보와 이를 기반으로 인증/인가 구현 및 토큰관리 권한 설정등을 진행하려한다. 클라이언트 단에서 로그인 정보를 매 화면마다 어떻게 표현해야할지 아직 감이 오질 않는다. - 유저정보를 배제하고 먼저 기초적인 도메인부터 시작하길 잘한 듯 하다. - 테스트코드를 어떻.. 2023. 10. 4.
개인프로젝트 - 하하하 0 : 앞으로의 계획 개인프로젝트에 대한 필요성 배운 것을 다시 복습해볼 필요. : 아직까지는 배웠던 것을 다시해보려할 때 더듬더듬하게 된다. 반복숙달하는 과정을 거치며 기존에는 보이지 않았던 개선점들을 찾아보고자 한다. 실제 서비스를 운영해보며 마주하게될 다양한 트러블과 피드백의 중요성. : 이게 가장 크다. 그동안 파트를 나눠서 개발했던 팀프로젝트로 내가 직접 구현하지 못했던 기능도 많다. 그리고 실제 배포까지 해보고 가능하다면 실제 이용자들로부터 피드백 혹은 서버운영하게되며 겪게 될 케이스들을 마주하고 싶다. 퀴즈형 드립 게시판을 하려는 이유? 1. 정말로 사용자들을 끌어모으고 싶어서 가장 기본적인 게시판에 퀴즈를 맞추는 서비스를 추가해보는 것을 목표로 했다. 2. 플랫폼 사이트에서 도전해볼 법한 기본적인 기능들이 충분.. 2023. 10. 4.
React 4 : [React-Router-Dom, NotFound페이지, Header 표시하기] React-Router-Dom? 컴포넌트 단위로 싱글페이지에서 렌더링하는 방식인 리액트. 지정된 url에서 정해진 컴포넌트를 렌더링할 수 있게 하는 방식으로 주소별 페이징을 해준다. 설치법 > npm i react-router-dom 해당 디렉토리에서 npm사용시 위처럼 설치해주면 끝. 세팅법 import {BrowserRouter, Route, Routes} from "react-router-dom"; app.js에 적용시켜줬다. 우선 임포트를 위처럼 해준다. function App() { return ( ... 순으로 라우팅을 적용할 컴포넌트들을 추가해준다. 설정 기본적으로 path="URI 주소" element={ 해당 컴포넌트 } 의 형식이다. "/" : Origin뒤에 아무것도 없을 때 (주로 .. 2023. 9. 28.
return TIL을_일단락하며_중간점검; 지금까지 23년 05월 15일을 기점으로 시작된 국비지원교육이 끝났다. 잠시 돌아보며 얻은 것, 느낀 점, 이후 방향 등에 대해 점검해보려 한다. 얻은 것 1. 팀 프로젝트 현실편 팀 프로젝트를 조금이라도 해봤다면 이상과 현실에 대해 깨닫게 될 것이다. 숱한 기업들에서 왜 개발직무에서의 협업의 중요성을 강조하는 지 여실히 깨달았다. 그냥 혼자해버리면 진작에 끝났을 과제들을 굳이 굳이 팀플로 하게 되는 이유들. 2. 앞으로 어떻게 공부를 해야할 지 판단할 수 있는 최소한의 지식 이제 어떻게 공부를 이어나가야할 지 감이 온다. 스프링 프레임워크를 활용해 개인/팀 프로젝트를 완료했다지만 이것만으로 이윤을 창출해야하는 기업에서 일을 할 수 있을까? 자문해봤다. 아무리 생각해도 'No'라는 대답 밖에 안 나온다... 2023. 9. 26.
TIL 230907 : Redis 5-0 - 정말로 빠른지 궁금하다. (미해결) 인증번호를 MySQL에 저장하고 조회하는 것에서 Redis에 저장, 조회로 변경했다. 단기간 사용할 데이터이기도 하고 빠른 조회의 속도가 장점이길래 한 번 도입해봤는데, 트래픽이 적은 입장에서 빨라졌는 지 체감이 되질 않는다. 시도한 방법 0. 단순히 API를 여러번 돌려봤다. : SMTP를 통해 메일 전송까지 하는 API이다 보니 해당 소요시간은 DB차이를 체크하기에 너무 부적합했다. 1. 시스템시간을 DB 저장 메소드 실행 전 후 기록해서 차이를 log로 출력 : 아래처럼 save메소드 앞뒤로 시스템 시간을 변수로 담아 그 차이를 출력 해봤다. long beforeTime = System.currentTimeMillis(); // DB 저장 전 시간 VerificationCode verificatio.. 2023. 9. 14.