전체 글17 2026 계리직 합격 후기(서울청) 내가 최종합격후기를 쓰다니 ㅠㅠㅠ 88:1이라는 경쟁률을 뚫었다니 정말 감격스럽다 1. 계리직시험에 도전장을 던진 이유 저는 원래 웹퍼블리셔라고 홈페이지를 만드는 일을 했습니다. 그런데 GPT같은 AI의 등장으로 점점 일자리가 줄어들었고, 그와 별개로 IT 업계 자체의 변화가 너무 빨라 피로가 쌓여갔어요. 그러다 계리직이라는 직렬을 발견하게 되었고, 기존에 제가 생각하던 일반 행정공무원과 여러모로 다른 분위기와 시험형태에 끌려 공부를 시작했습니다. 2. 과목별 학습법 우편일반·예금일반 (이광호) 이광호 선생님의 우편일반·예금일반 강의를 기본이론부터 문제풀이까지 순서대로 수강했습니다. 방대한 내용을 단순 암기가 아닌 이해 위주로 설명해 주셔서 개념을 정리하는 데 큰 도움이 되었습니다. 특히 자주 출제되.. 2026. 6. 13. String.prototype.padStart() 노마드코더 챌린지 과제를 하다가 알게 된 메서드. String 값의 형태를 바꿀 때 쓴다. padStart() 메서드는 String 값의 메서드로, 결과 문자열이 주어진 길이에 도달할 때까지 이 문자열의 시작 부분에 다른 문자열을 (필요하다면 여러 번) 채웁니다. 패딩은 이 문자열의 시작 부분부터 적용됩니다. [예시]// time.sec(0)과 time.min(25)의 형태를 MM:SS 로 만드는 코드const formatSec = String(time.sec).padStart(2, 0);const formatMin = String(time.min).padStart(2, 0);console.log(`${formatMin} : ${formatSec}`);// 결과물: 25: 00 비슷한 메소드로 padS.. 2025. 3. 28. [React] recoil, framer-motion을 이용해 뽀모도로 타이머 만들기 ✅ 프로젝트 소개노마드코더의 'React JS 마스터 챌린지' 과제로, 다음 조건을 만족하는 뽀모도로 타이머를 구현하는 프로젝트다. [구현 조건]25분짜리 뽀모도로 타이머 구현. 이때 시간은 MM:SS 형식을 써야 한다.25분은 1 ROUND, 4 ROUND는 1 GOAL 이 되며 각각의 상태가 하단에 표기된다. 이때 12 GOAL을 달성할 경우 ROUND, GOAL 모두 초기화 된다.타이머와 버튼은 framer-motion을 사용해 애니메이션 효과를 주어야 한다. 정지/재생 버튼을 통해 타이머를 조작할 수 있어야 한다. ✅ 결과물 [코드 확인]https://stackblitz.com/edit/reactstudy-a17-blueprint-brchcr-td5elkjy?file=src%2Fcomponents.. 2025. 3. 27. [React] Recoli을 이용하여 여행 리스트 만들기 노마드코더의 '리엑트JS 마스터 챌린지'를 진행하던 중, recoil을 활용한 이번 과제가 너무 재밌었어서 따로 기록을 남긴다. ✅Recoli이란?React에서 전역 상태관리를 쉽게 할 수 있도록 도와주는 상태 관리 라이브러리.컴포넌트 기반의 라이브러리로 'atom' 이라는 곳에 데이터를 담아 모든 컴포넌트에 전달할 수 있다.여러 컴포넌트에서 동일한 상태를 공유하거나 동기화 해야할 때 유용하며, 비동기 상태를 지원하기에 fetch 도 쉽게 처리할 수 있다. 공식문서: https://recoiljs.org/ko/ 기본 개념Atom: 상태의 최소 단위. 컴포넌트들이 atom을 공유하며 그 속에 담긴 데이터를 읽고 쓸 수 있다.Selector: 다른 상태값을 기반으로 새로운 값을 생성. 보통 Atom 값에 의.. 2025. 3. 26. [공식문서 읽기/API] LocalStorage / Geolocation 노마드코더 챌린지 2주차 과제에 나온 두 가지 API. '대충 이런게 있다~' 정도만 알고 있었는데 이번 기회에 제대로 알아두고 싶어 정리한다. 겸사겸사 공식 문서 읽는 습관도 들일 겸! 1. LocalStorage APIWindow.localStorage 형태로 사용.Document의 Storage 객체에 접근할 수 있고, 이곳에 저장된 데이터는 브라우저 세션간에 공유됨.페이지 세션이 끝날 때 만료되는 sessionStorage와 달리 영구적으로 데이터가 저장됨.(보통 데이터 유효기간이 만료되면 자동으로 삭제하도록 따로 설정)저장된 데이터는 페이지 프로토콜별로 구분됨. 즉, 같은 주소라도 http와 https는 다른 localStorage에 저장됨.key와 value는 각 문자에 2byte를 할당하는.. 2025. 3. 17. [React] Marvel 캐릭터 소개 페이지 만들기 ✅프로젝트 개요이 프로젝트는 노마드코더의 'REACT 10주 챌린지' 첫 번째 과제로 만든 것이다. Marvel 캐릭터를 소개하는 간단한 애플리케이션으로 React를 이용해 만들었다. 주요기능캐릭터 목록 조회: 메인 페이지에서 Marvel 캐릭터 목록을 확인할 수 있습니다.캐릭터 상세 정보: 특정 캐릭터를 클릭하면 상세 페이지로 이동하여 더 많은 정보를 볼 수 있습니다.로딩 컴포넌트 적용: 데이터 로딩 중에는 로딩 화면이 표시되어 사용자가 흰 화면을 보지 않도록 했습니다.반응형 디자인: 다양한 디바이스에서 원활하게 동작하도록 반응형 CSS를 적용했습니다.✅코드 [깃허브]https://github.com/suyeonMin/Movie-app GitHub - suyeonMin/Movie-appContribut.. 2025. 3. 9. 이전 1 2 3 다음
