2025년 회고
·
회고록
회고를 쓸 때마다 고민한다.이게 성장 기록인지, 변명인지. 2025년 회고는 변명이 되지 않게 쓰려고 한다.잘한 일을 나열하기보다는,왜 계속 실패했는지를 정리하는 쪽에 가깝다. 다만 그 분석에 앞서,2025년에 무엇을 했는지부터 차분히 정리해보려 한다. 2025년에 한 것들2025년에는 기본기를 증명할 수 있는 결과물을 만들고자 했다.단기간의 성과보다는, 꾸준히 쌓을 수 있는 것들에 집중한 한 해였다. 1. 자격증 정보처리기사 자격증을 취득했다. 작년 회고를 작성한 직후부터 공부를 시작했고, 비교적 긴 시간 동안 준비했다.2025년 1회차 실기 시험에 응시했지만,당시 유난히 높은 난이도와 낮은 합격률로 아쉽게 불합격했다. 바로 다음 회차에 다시 도전했지만 프로젝트를 병행하느라 충분한 공부 시간을 확보하..
QueryDSL 성능 개선하기
·
BackEnd
프로젝트를 진행하면서 필터링을 위해 동적 쿼리를 사용해야 했다.그렇게 QueryDSL을 사용해서 필터링을 구현했는데,구현하면서 경험한 성능 개선 방법을 공유하려 한다. 해당 내용으로 프로젝트 기술 발표에서 발표를 진행하였다. public interface MemberRepository extends JpaRepository { boolean existsByEmail(String email); Optional findByEmail(String email); Optional findByNickname(String nickname); Optional findBySocialId(String socialId); Optional findByRefreshToken(String refresh..
[React] Hooks
·
FrontEnd/React
Hooks?Hook은 함수 컴포넌트에서 React state와 생명주기 기능을 연동 할 수 있게 해주는 함수이다.리액트 v16.8에 새로 도입된 기능으로, 함수형 컴포넌트에서도 상태 관리를 할수 있는 useState, 그리고 렌더링 직 후 설정하는 useEffect등의 기능을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있다.참고로 Hook은 class 안에서는 동작하지 않는다. Hooks 특징선택적 사용 - 기존의 코드를 다시 작성할 필요 없이 일부의 컴포넌트들 안에서 Hook을 사용할 수 있다.100% 이전 버전과의 호환성 - Hook은 호환성을 깨뜨리는 변화가 없다.현재 사용 가능 - Hook은 배포 v16.8.0에서 사용할 수 있다.HooksuseState - 상태(st..
[Vue] Composition API
·
FrontEnd/Vue
Conposition API?Composition API는 Vue 3에서 도입된 로직 구성 방식이다.기존의 Options API(data, methods, computed 등)의 선언적 구조를 보완하고, 로직의 응집성과 재사용성을 극대화하기 위해 Composition API를 도입했다.Composition API는 함수 기반의 API로 구성되며, setup() 함수 혹은 Count: {{ count }} reactive() - 객체/배열의 깊은 반응성 제공목적reactive()는 객체 혹은 배열 전체를 반응형으로 래핑한다.내부 속성에 대한 접근 역시 Vue의 Proxy 시스템에 의해 추적되며, 이로 인해 중첩된 속성 변경까지 감지 가능하다.주의사항ref와는 달리 .value 없이 직접 접근react..
[FrontEnd] Vite를 사용해서 프로젝트를 생성해보자
·
FrontEnd
Vite(비트)의 정의Vite는 프론트엔드 개발 환경을 위한 최신 빌드 도구이다.Webpack과 달리 브라우저의 네이티브 ES 모듈(ES Modules)을 활용하여 빠른 개발 서버 구동과 즉각적인 핫 모듈 리로드(HMR)를 제공한다. Vue.js 창시자 Evan You가 개발한 툴로, 특히 Vue나 React 같은 모던 프레임워크와의 궁합이 뛰어나다. vite의 주요 특징특징설명⚡ 초고속 서버 구동개발 서버를 즉시 실행, 대기 시간 거의 없음💡 ESM 기반브라우저가 모듈을 직접 처리 – 빌드 없이 개발 가능🔥 HMR 지원변경 시 빠르게 새로고침 없이 화면 반영 (Hot Module Replacement)📦 빠른 번들링빌드 시에는 Rollup 기반으로 최적화된 번들 생성🧩 플러그인 확장성다양한 Vi..
현대오토에버 모빌리티 SW스쿨 웹/앱 2기 합격 후기
·
취준
길어진 취준 생활 중 어느날,그날도 어김없이 사람인에 들어가 공고를 보고 지원을 했다. 그러던 중 눈에 띄는 한가지 공고를 보았다. "현대오토에버 모빌리티 SW 스쿨 2기 클래스메이트 모집" 평소에 모빌리티 분야에 관심 가지고 있었고,특히 현대 오토에버는 친구가 다니고 있었기에 더욱 더 관심가지고 있었다. 안그래도 중소기업도 취업하기 힘든 요즘안드로이드 개발자는 더욱 공고가 많이 없었기에진로의 대한 고민이 더욱 커져갔을 시기였다. 생각해보면 안드로이드 개발자는 웹앱 개발 분야 중 극히 일부이기에나의 커리큘럼이 매우 좁다는 것을 느꼈다. 그래서 계속 iOS 개발과 웹 개발에 생각을 가지고 있었을 때였다.그렇기에 해당 공고는 나에게 너무 끌렸다. 그렇게 고민도 없이 지원을 하게되었다.교육과정교육과정은 프론트..