항해 플러스 WIL - 5주차

Keep: 현재 만족하고 계속 유지할 부분 그동안 개발 위주로 프로젝트를 진행했다면, 항해에 들어와서 관점이 바뀌어 가고 있는 것 같습니다. 프로젝트를 설계하고, 안정적으로 관리할 수 있는 개발자가 되어야 겠다는 생각을 하게 되었습니다. Problem: 개선이 필요하다고 생각하는 문제점 개선이 필요한 부분 - 학생이다보니 개발 외의 공부를 해야하는 면에서 매일 꾸준히 개발을 하는 것이 쉽지는 않는 것 같습니다. 스케줄링을 좀 더 잘 해야겠다는 생각과 나머지 시간을 활용을 해야겠다는 생각을 하게 되었습니다. Try: 문제점을 해결하기 위해 시도해야할 것 루틴을 만들어 반복하려고 노력을 해야할 것 같습니다.

• format_list_bulleted Life/회고
• · 2024. 4. 13.
• textsms

[자료구조 시리즈] 1 - Stack과 Queue

자료구조들을 다시 익히고, 공부를 해보자는 입장으로 시리즈를 쓰게 되었습니다. 가장 먼저 보게 될 부분은 `Stack`과 `Queue`입니다. 학교에서 배울 때, 자료구조 중 가장 먼저 선형 자료구조를 배우게 될텐데, 일단 다른 자료구조에 비해 쉽기도 하고 직관적이며 많은 프로그램에 사용되기 때문에 그런 것 같습니다. 이 글은 아직 작성 중입니다... Stack 스택 자료구조는 마지막에 들어온 아이템이 먼저 나가게 되는 "Last In, First Out(LIFO)" 특징을 가진 자료구조입니다. 이 자료구조가 가장 많이 쓰이는 곳이 `Control + Z` 되돌리기 키와 브라우저의 뒤로가기 버튼입니다. 필수적인 속성과 메소드 1. capcity - 스택이 가질 수 있는 아이템의 갯수 (또는 메모리 사이..

• format_list_bulleted CS지식/자료구조
• · 2024. 4. 9.
• textsms

프로젝트 초기에 할 일

앞으로 경험이 쌓일수록 계속 업데이트될 글일 것 같아요...! 1. 기획서 작성 및 문서화 기반 만들기 + 팀문화 만들기 Notion 등을 통해 문서화할 수 있도록 만들어두기 코드 리뷰, 팀 규칙 등을 정하기 회의 시간 / 회고 시간 등을 정하기 2. 일정 관리 Jira, Notion, Zenhub 등을 사용하여 일정관리를 할 수 있도록 세팅하기 일정 단위를 어떻게 산정할 것인지 - 일주일 단위로 업무를 산정할 것인지 - 하루 단위로 업무를 산정할 것인지 3. 프로젝트 컨벤션 1) ESLint, Prettier 설정 2) 코드 컨벤션 이벤트 핸들러 함수명을 어떻게 지을 것인지 등... 3) 디렉토리 구조 (아키텍처) FSD, ... 서로가 진행했었던 프로젝트의 디렉토리 구조를 공유해보고, 맞춰나가기 클린..

• format_list_bulleted 프로젝트들
• · 2024. 4. 7.
• textsms

2024년도 1분기 회고

1. 1분기에 어떤 일이 있었나 2. 2분기에는 어떻게 지낼 것인가 1분기에 어떤 일이 있었나 내가 잘하고 있는지에 대한 의심을 계속했었던 지난 1분기였던 것 같습니다. 작년의 저랑 비교했을 때 뭔가 아는 건 생긴 것 같은데, 제가 목표했던 지향점보다는 못 미친 저를 계속 탓했던 것 같습니다. 주변에서는 그래도 잘한다고 해주셨지만 제 기준에서는 한참 못 미치는 것 같아 맨날 더 좋은 아티클, 레퍼런스를 찾아 공부하려고 했던 것 같습니다. 하지만 아무리 좋은 아티클을 보더라도 이를 코드에 녹여내지 못하고, 의식적인 연습을 하지 않는다면 아무런 의미가 없음을 최근에서야 많이 느끼는 것 같습니다. 특히, 주변에서 제게 조언해줄 수 있는 사람이 없다는 것 또한 제 실력이 한참을 정체했었던 원인이 아닐까 생각이..

• format_list_bulleted Life/회고
• · 2024. 4. 4.
• textsms

React의 SEO 최적화 방법: React-Helmet-Async & Prerender

SEO란 무엇인가 Search Engine Optimization의 약어이며, 웹사이트가 검색 결과에 더 잘보이도록 최적화하는 과정입니다. 검색엔진은 웹을 크롤링하면서 페이지에서 페이지로 링크를 따라가고, 찾은 콘텐츠의 색인을 생성합니다. 검색 결과로 나온 결과가 색인으로 만들어둔 콘텐츠인 것이죠. SPA란 무엇인가 SPA는 Single Page Application의 약어로, 하나의 html 파일에서 구동되는 웹 애플리케이션 형태의 페이지입니다. 유저는 브라우저에 한 번만 요청하여 페이지 전체를 로드합니다. 그 이후에는 유저 요청에 의해 필요한 데이터만을 업데이트하여 페이지를 계속 변경합니다. SPA의 단점: SEO가 어렵다. 검색 엔진의 크롤러는 링크를 타고 페이지를 돌아다니면서 웹 문서(HTML 파..

• format_list_bulleted 프론트엔드 개발/React
• · 2024. 4. 1.
• textsms

항해 플러스 WIL - 3주차

Keep: 현재 만족하고 계속 유지할 부분 과제 형식의 문제 풀이가 저한테 잘 맞는 학습 방식인 것 같습니다. 앞으로도 스스로에게 질문을 하며, 그 문제를 해결해나가면서 기술을 익히는 학습방법을 유지할 생각입니다. Problem: 개선이 필요하다고 생각하는 문제점 개선이 필요한 부분: 학기 중반이 되면서 일정 관리에 매우 어려움을 겪는데 이럴 때일수록, 일정 관리를 잘 해야겠다는 생각을 하게 되었습니다. 월요일마다 예정된 일정을 노션 캘린더에 적고, 아침마다 오늘 해야할 일들을 노션에 적는 등의 의식적인 연습이 필요할 것 같습니다. Try: 문제점을 해결하기 위해 시도해야할 것 의식적으로 연습하기 - 매일 아침마다 노션에 할 일 목록 적기 - 매주 월요일마다 그 주에 예정된 일정 적기

• format_list_bulleted Life/회고
• · 2024. 3. 30.
• textsms