Go민보다 Go

프론트엔드 개발자

전체 글 51

1장 그림으로 공부하는 IT 인프라 구조

책을 덮고 이해를 바탕으로 정리한 글입니다. 집약형과 분할형 아키텍처가 있고, 집약형은 하나의 큰 컴퓨터의 유한한 리소스를 관리하는 방식으로 한다면, 분할형은 작은 컴퓨터들을 여러 개 써서 하나의 구조를 만드는 것입니다. 작은 컴퓨터들 간의 데이터를 공유하고, 안전성은 떨어지지만 비용적인 부분 등 집약형 보다 장점이 있습니다. 분할형에는 다시 수직 분할형과 수평 분할형, 지리 분할형 등으로 나뉩니다. 수직 분할형에는 클라이언트와 서버 형태로 나뉘는 클라이언트 - 서버형 아키텍처가 있고, 프레젠테이션, 어플리케이션, 데이터베이스로 나뉘는 3계층형 아키텍처가 있습니다. 이렇게 수직으로 분할한 아키텍처를 수평적으로 수를 늘려 큰 구조를 이루도록 하는 게 단순 수평 분할형 아키텍처이며, 수평으로 분할한 서버들 ..

Read 2023.12.12

함수 추상화 연습하기 - 계산과 액션

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

Update 2023.12.08

How to ask better as developer

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

Delete 2023.12.08

월간 회고 - 11 | 2023

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

Delete/회고 2023.12.06

원티드 프리온보딩: 비즈니스 로직 with React 1-1

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

Read 2023.12.06

안녕하세요!

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

Story 2023.12.05

월간 회고 - 10 | 2023

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

Delete/회고 2023.12.05

월간 회고 - 09 | 2023

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

Delete/회고 2023.12.05

6개월 회고 - 08 | 2023

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

Delete/회고 2023.12.05

월간 회고 - 07 | 2023

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

Delete/회고 2023.12.05