egg.dev.log

🐾들어가며 원티드 프리온보딩 강의에서 추상화를 할 때 함수의 역할에 따라 추상화하여 분리하는 방법을 배웠습니다. 그래서 직접 쓴 코드에서 해당 내용을 토대로 적용을 해보려고 합니다. ✨본격적으로 ✅함수 분리하기 기존 코드 입니다. 프로젝트에서 복잡한 로직을 사용하지 않아서 겨우 찾아냈습니다. import React, { useRef, useEffect } from 'react'; import styled from 'styled-components'; const ResizingTextarea = ({ onChange, ...props }) => { const textareaRef = useRef(); useEffect(() => { handleResizeHeight(); }, [props.value]); ..

🐾들어가며 요즘 드는 생각은 '문제를 잘 정의하기 위해서는 질문이 좋아야 한다’는 것입니다. 강의를 들을 때 질문할 게 없어서 혹은 질문을 해도 너무 성급하게 하여 좋은 답변을 듣지 못했습니다. 그래서 질문을 하는 사람들을 보며 대단하다고 생각했고, 좋은 질문을 하는 분들께 저에게도 질문 해줄 수 없나 하고 여쭤본 적이 있었습니다. 좋은 질문을 받다 보면 질문을 더 잘 할 수 있지 않을까 해서 그랬습니다. 결과적으론 실패했지만, 이번에는 각 잡고 체크 리스트라도 만들어야겠다 생각하여 글을 씁니다! ✨본격적으로 ✅질문의 내용 짧고 간단 명료하게 만들자. 서술형으로 답변할 수 있는 지 확인하자. 구체적인 언어를 사용하자. 질문을 하는 목적은 문제를 정의하고 다음 단계에 대한 방향성을 찾는 것에 있습니다. 그..

🐾들어가며 여러 일정들이 있었고, 그 와중에 학습을 놓지 않기 위해 여러 가지 일들을 시도해봤습니다. 블로그를 정리하면서 7월에 썼던 긴 회고글에 다시 자극을 받아 11월에도 지속적으로 회고글을 씁니다! ✨본격적으로 이번 회고의 주된 내용은 기록, 관리, 학습에 대해서 입니다. 먼저 한 일에 대해서 나열, 해당 일들을 토대로 KPT를 작성하는 방식으로 진행했습니다. 열품타 기록을 종료 멋쟁이 사자처럼 FES7 수료 프로젝트 피드백 받고 리팩토링 시작 기술 블로그를 읽고 요약하는 스터디 시작 협업 시스템에 대한 고민 기술 블로그 연재하기 스터디 시작 개발자 100명과 소통하는 목표 설정 당근 인턴십 지원 ✅Keep : 유지할 점 시간을 기록하는 어플로 열품타를 사용하고 있었습니다. 대학 친구들과 같이 스터..

질문을 통해 문제를 정의하는 과정으로 설명을 하시는데, 내용이 정말 잘 들어왔습니다. 코스에 대한 설명이 좋아서 두고두고 읽어보고 싶습니다. 다음은 제가 이해를 바탕으로 한 요약입니다. 내용은 더 있지만, 하나하나 보자면 꽤 자세히 다루고 싶은 내용들이라서 전반적으로 정리를 해보았습니다. 1-1 컴포넌트가 복잡해지는 원인에 대해 고찰해보기 challenge goal : 논리적으로 기술에 대해 자신의 견해를 밝힐 수 있는가? ⏩지식을 다뤄온 태도 복잡도 : '제한된 리소스'에서 요구 사항을 구현하는 일 일 줄이는 일 1. 빠르게 코드를 이해할 수 있는 코드 구조로 만들기 ⏩ 데이터/계산/액션이 구분되어 있나요? 2. 하나의 수정 사항으로 인하여 다른 코드에 미치는 영향 줄이기 ⏩ 비즈니스 로직이 구분되어 ..

2023.09.27 벨로그를 운영 중입니다. 티스토리에는 어떤 글을 작성하는 게 좋을지 고민 중입니다. 2023.12.05 벨로그는 카테고리 기능이 없고, 일단 최신 순 정렬이기 때문에, 회고글이 연달아 올라오게 되면 개발 관련 글이 묻혔습니다. 그래서 카테고리 기능이 있는 티스토리로 이전했습니다. 중요한 글들은 하나씩 옮기고 있고, 옵시디언을 활용해서 글을 쓰고 있습니다! https://velog.io/@just_jh30

🐾들어가며 11월 중순에 올리는 10월 회고글입니다. 10월 말부터 11월초까지 대략 3주간 파이널 프로젝트를 끝내고 멋쟁이 사자처럼 프론트엔드 스쿨 7기를 수료했습니다. 많이 성장한 것을 느꼈고, 이에 대해서는 멋사 회고글로 돌아오겠습니다! ✨본격적으로 새로운 소식 리디북스에 전자책을 하나 냈습니다! 14명이서 쓴 책으로 제가 리더를 맡아 진행을 했습니다. 주니어를 위한 기술 면접 정리집으로, 요약답변과 상세 답변, 추가적으로 필요한 개념을 짧게 정리했습니다. 리디북스 눈떠보니 기술면접 전날 with JS Python > ✅Keep : 유지할 점 중꺾그마 | 중간에 무너질 뻔한 적이 종종 있었고 평소 같으면 바로 침대에 누워서 뒹굴거렸을 텐데 그러지 않고 계속 무언가를 하고 있었습니다. 그래서 결과물들..

🐾들어가며 과도하게 잡은 일정으로 블로그도 간신히 명맥만 이어오는 정도가 된 것 같습니다. 실습 위주의 글도 좋지만 좀 더 이론적으로 근거를 들어 정리하고 싶은데, 하나의 이론을 정리하는 데도 시간이 오래걸려서 선뜻 시작하는 것도 못하겠습니다. 그래도 달마다 쓰던 회고는 꾸준히 쓰고 싶어서 남기러 왔습니다! ✨본격적으로 지금 내 상황 현재 진행 중인 일정들을 정리하자면, 부트캠프, 개인 프로젝트, 팀 프로젝트, 책 집필, 딥 다이브 스터디, 블로그 스터디가 있습니다. 이제 부트캠프도 막바지라서 또 다른 팀 프로젝트에 들어갑니다. 딥 다이브 스터디는 프로젝트를 시작하면서 일시 중지되지만, 다른 일정들은 조금씩이라도 진도를 나가야 합니다. 여전히 자바스크립트는 모르는 것 투성이고, 리액트는 이제야 좀 익숙하..

들어가며 건축학과를 다니다가 어쩌다보니 개발 공부를 하고 있는데, 이에 대해서 좀 회고하는 시간을 가지려고 합니다. 2023년 3월부터 본격적으로 개발 공부를 시작했습니다. 물론 그 전에 교양이나 강의로 다른 언어를 공부한 적은 있으나 구현보다는 그냥 언어 문법 정도를 봤던 것이라서 별다른 도움이 없이 끝났습니다. 심지어 처음엔 파이썬을 배울 땐 반복문에서 막혀서 이 길은 내 길이 아니구나 생각했습니다. 그때 그래도 코드를 짜면서 생각을 한다는 것이 재밌었습니다. 그래서 다시 도전할 생각을 했을 수도 있습니다. 무튼 이렇게 시작한 개발 공부를 위해서 앞으로 어디로 나아갈지, 현재 상태는 어떤지 속속히 좀 비교해보면서 스스로 피드백을 해보려고 합니다. 본격적으로 망망대해에서 사실 아직도 막막합니다. 망망대..

멋쟁이 사자처럼 프론트엔드 스쿨 7기를 시작한지 이제 한 달이 지났습니다. 부트캠프와 더불어 한달 동안 해왔던 일들을 정리하고, KPT 회고방식에 맞게 분류하면서 8월에 할 일들을 정리해보는 시간을 가졌습니다! 또한 개발자를 선택한 동기와 목표를 다시 상기시키고, 세부 목표를 정하는 것에 대해서도 고민을 해보았습니다. 바쁘신 분들은 KPT 회고로 바로가기를 추천드립니다! 이모지로 내용 빠르게 찾기 👏 Good!! 🍳 Bad~ 👀 Posted ✅ to Post list 한 일 정리 및 분류 먼저, 프로젝트, 부트캠프, 개인적인 일로 나누어 분류를 해보았습니다. 🥚프로젝트 프로젝트 `피그마 디자인 토큰`으로 3주 쓰고 `공지사항` ui 시작에 3일 걸렸습니다. 7월에 들어서 프로젝트 디자인이 크게 변경되었습..

요약 스토리북을 도입하면서 컴포넌트를 어떻게 정리하면 좋을지 생각해보았습니다. “다른 데이터를 쓴다면 별개의 컴포넌트로 두며, 데이터가 없으면 렌더링이 안되는 컴포넌트가 아닌, 상황에 따라 다르게 보여주는 컴포넌트들을 만들자” 🐾들어가며 프로젝트 리팩토링 과정에서 비슷한 로직에 다른 컴포넌트로 사용하고 있는 것을 확인했습니다. 그래서 공통 컴포넌트를 정리하고자 하였습니다. 이 과정에서 다른 동료가 쓴 코드를 볼 수 있고, 소통할 수 있는 기회를 만들 수 있었습니다. ✨본격적으로 ✅질문하기 1. 문제가 무엇인가? 해당 컴포넌트가 어디에 쓰였는지, 어떤 UI를 가지고 있는지 확인이 어렵습니다. 네이밍 규칙만 사용할 때, 피그마와 코드를 번갈아 가며 확인해야 하는 과정을 거쳐야 합니다. 컴포넌트에 필요한 데이..