[Project: 잡생각 - 진로탐색 및 채용연계 서비스] - 0512

0512 진행 사항WBS 완성디자인 시안 확정styled-components 학습 WBS 완성구체적인 디자인 시안 및 사용할 라이브러리를 확정하고 나니 디테일한 WBS를 작성해볼 수 있었다. 디자인 시안 확정너무 귀엽고 컨셉에 확실하게 완성된 디자인 시안 ! 😍역시 프론트엔드반이다. 아이콘의 경우 필요한 아이콘을 canva에서 적절히 추출해왔고, float애니메이션을 줘서 둥둥 떠다니는 3d같은 느낌을 줄 예정이다.곰 이미지의 경우 chat GPT를 조련하여 얻어낸 서비스 메인 캐릭터다. Styled-components 사용법: npm & pnpm출처: https://sirong.tistory.com/71 📌npmnpm install styled-componentsimport styled from '..

• format_list_bulleted Project & Challenge/[Project] 잡생각 - 진로탐색 및 채용연계 서비스
• · 2025. 5. 13.
• textsms

[Project: 잡생각 - 진로탐색 및 채용연계 서비스] - 0509

0509 진행 사항디자인 구체화하기 ✅WBS 완성하기 🟠 디자인 구체화하기 ✅ 제작해야 하는 페이지- 메인 페이지- 직업 검사 페이지- 검사 결과 페이지- 채용 공고 확인 페이지- 채용 공고 상세 페이지 메인 페이지메인 페이지는 전체적으로 스크롤을 통해 인터랙티브 애니메이션이 이루어지는 사이트로 구성할 예정이다. 📌intro 참고 사이트: https://www.amanation-official.com/ 메인페이지 첫 시작인 Intro에는우리 잡생각이라는 서비스의 잡이 나타내는 의미를 단번에 직관적으로 이해할 수 있도록,아래와 같이 타이포 애니메이션으로 각종 직업명을 띄워주는 작업으로 시작할 예정이다. 📌메인 페이지 스크롤 인터랙션 흐름 📌푸터팀원을 우리의 메인 캐릭터를 활용해 보여주는 귀여운 ..

• format_list_bulleted Project & Challenge/[Project] 잡생각 - 진로탐색 및 채용연계 서비스
• · 2025. 5. 9.
• textsms

[Project: 잡생각 - 진로탐색 및 채용연계 서비스] - 0508

0508 진행 사항노션 / 피그마 / 개발환경 세팅 하기 ✅ 서비스 기획 및 관련 api 신청 하기 ✅커밋 컨벤션 정하기 ✅ Pull Request 컨벤션 정하기 ✅브런치 컨벤션 정하기 ✅디자인 리서치 ✅ 디자인 목업 ✅ 노션 / 피그마 / 개발환경 세팅 하기 ✅ 1️⃣ 노션종합적인 프로젝트 기록을 위한 팀 노션 환경을 세팅했다. 03 | 잡생각 - Team Project | NotionPAGESurecaminiproject2.notion.site 2️⃣ 피그마디자인 리서치 및 UIUX 구성을 위한 팀 피그마를 세팅했다.https://www.figma.com/design/ 3️⃣ 개발환경 세팅개발 스택을 선정 후, 팀 프로젝트용 레포지토리를 생성하여 초기 빌드를 마친 후 git을 clone했다. Gi..

• format_list_bulleted Project & Challenge/[Project] 잡생각 - 진로탐색 및 채용연계 서비스
• · 2025. 5. 9.
• textsms

[학습 기록] Day68: 미니프로젝트2 시작

💡 pnpm이란?pnpm은 Node.js에서 사용하는 패키지 매니저자주 사용하는 npm, yarn이랑 같은 역할을 함.🤔 그럼 왜 npm이나 yarn 대신 pnpm을 쓰는 거야?✅ 1. 훨씬 빠르고 가볍기 때문pnpm은 패키지를 중복으로 설치하지 않고, 링크(link) 해서 써.예를 들어, 같은 라이브러리를 client랑 server에서 쓰면,npm은 각각 설치함 → 용량 낭비pnpm은 한번만 저장소에 설치하고, 필요한 곳에 심볼릭 링크로 연결함 → 속도 빠름, 용량 아낌🧠 비유:npm은 책 복사해서 두 권 만드는 느낌,pnpm은 책 하나 만들고 여러 곳에 공유 링크 거는 느낌이야. ✅ 2. 모노레포에 최적화프로젝트가 client, server, lib처럼 나뉘어 있을 때,pnpm workspace..

• format_list_bulleted 웹 개발 일기/[LG유플러스] 유레카
• · 2025. 5. 7.
• textsms

[학습 기록] Day67

자바스크립트 스코프 회고오랜만에 요즘 뒷전으로 미뤄두고 있던...자바스크립트 공부를 했다.물론 아주 조금... 요새 ADHD급으로 공부에 집중을 못한다 ㅋㅅㅋ... 일상생활이 너무 심심하지 않아도 문제다.취미생활, 알바, 인간관계 등 다양한 분야에서 늘 새로운 이슈가 발생해서 날 쉬지 못하게 한다.분주한 일상ㅜㅜ...늘 용두사미인 나는 처음에만 잘 하고 끝까지 이끌고 가는 힘이 부족한 듯 하다. 하나를 꾸준히 계속해본 적이 잘 없는 것 같기두...정신차려~~!!에휴 언어 하나는 마스터 해야 뭘 할텐데 ㅜㅜ

• format_list_bulleted 웹 개발 일기/[LG유플러스] 유레카
• · 2025. 5. 2.
• textsms

[알고리즘] 삽입 정렬

삽입 정렬은 버블 정렬, 선택 정렬과 꽤 비슷하다.그러나 삽입 정렬은 그냥 알고 있으면 좋다거나 해 볼만한 도전에 그치는 알고리즘이 아니다!삽입 정렬이 잘 작동하는 특정한 상황이 있으며, 이를 잘 기억하자. Insertion SortBuilds up the sort by gradually creating a larger left half which is always sorted.따라서 하나씩 이동하거나, 한 번에 가장 큰 요소를 찾거나 한 번에 가장 작은 요소를 찾는 대신한 번에 하나의 항목을 올바른 위치에 삽입해서, 배열의 정렬된 부분을 점진적으로 구축해나간다. 삽입 정렬 구현하기Start by picking the second element in the arrayNow compare the seco..

• format_list_bulleted Study Notes/알고리즘
• · 2025. 5. 2.
• textsms