Intro 올 한해 2024년은 나에게 많은 깨달음을 주었던 해이다. 나는 생각이 많고, 상당히 조심스러운 사람이다. 그만큼 겁도 많다. 이러한 문제 때문에 도전에 망설임이 있었는데 이를 극복한 한해라고 생각한다.올 상반기는 부족함을 많이 느끼며, 취업을 위해 다시금 준비하고 다듬는 기간이었다. 하지만 이런 기간이 길어질수록 힘들었고, 우울해지며 반복되는 번아웃을 겪기도 하였다. 무엇이 나를 바뀌게 했나 취준기간이 계속되던 중 우연히 2주간 교육을 받고 우수한 인원들중 일 할수 있는 기회를 주는 교육 프로그램에 참여하게 되었다.이때 백엔드로서 참여하게 되었고, 매일 오전 CTO 님의 질의응답을 진행하고 과제를 내주는 방식이었다.진행하면서 목표를 정했는데 기술을 사용해보는 것들의 대한 목표였다. 예를들어 ..

회고 처음 이 태스크를 받았을 때, 재미보다는 걱정이 더 컸습니다.그로 인해 기획과 논의를 시작하는 데 힘들었고, 부정적인 생각에 사로잡히기도 했습니다. "어려울 것 같은데요", "힘들 것 같아요", "시간을 맞추기 어려울 것 같아요."   그런 제 모습이 너무 싫어서, 프로덕트에 좋지 않아 생각을 바꾸기로 했습니다. "가능하다", "될 것 같다"는 마음으로, 이를 행동으로 옮겼습니다. 이에 기획을 진전시킬 수 있는 부분은 모두 반영하려 했습니다. 기획안에 맞춰 POC(Proof of Concept)를 만들어 보고, 개발을 진행하는 데 있어 가장 큰 문제는 시간이었습니다. 5일 안에 롤아웃을 해야 했고, 퍼블리싱은 3일째에 끝났지만, 그 이후에도 계속 기능 변동이 있었습니다. 같은 상황에서 플로우도 변경..

http 프로토콜 리퀘스트 라이프 사이클?이는 개발을 공부하며, 면접경험이 있다면 너무나 익숙할 주제다.한번쯤 면접에서 아래와 같은 질문을 받아본 적 있을 것이다.  https://google.com 을 입력하면 무슨일이 일어나나요?  이는 네트워크 흐름을 물어보는 질문이다.이에 대해 정확히 알고있지 않다면, 구구절절 늘어 놓는 답변에 면접관을 지루하게 하거나, 핵심을 빗겨나간 답으로 좋은 평가를 받지 못할 수 있다.때문에 일련의 네트워크 흐름에 대해 자세히 알아보고, 내가 생각하는 좋은 답변을 요약하는 것으로 마무리를 지으려고 한다. 1. 파싱 첫번째로 URL 을 입력과 파싱으로 시작한다.크게 프로토콜과 호스트 명으로 파싱한다.https:// # 프로토콜google.com # 호스트명 파싱을 하는 이유..

input 을 관리할때 onChange 와 value 를 통해 사용하고 useState 를 통해 관리한다.더 관리하기 좋은 형태는 없을까?무슨 고민이야? 아래 코드는 간단한 todo 리스트의 입력부분이다.import React, { useState } from "react";import "../../styles/index.css";import TodoFormButton from "./buttons/TodoFormButton";const TodoForm = ({ setTodos }) => { const [title, setTitle] = useState(""); const [content, setContent] = useState(""); const addTodoHandler = (e) => { ..

Vite 를 왜 사용해야 할까?그냥 마냥 사용하면 될까? 주의점은 없을까?번들링? 번들링은 빌드라고도 할 수 있다.사용자에게 웹 애플리케이션을 제공하기 위해 여러 코드와 프로그램들을 묶는 행위라고 정의할 수 있다.개발자는 최종적으로 번들링된 웹 애플리케이션을 만들어내고, 사용자가 웹 애플리케이션을 이용할 때는 번들링한 파일을 받아와 브라우저가 이 번들을 실행한다.  왜 번들링을 해야해? 코드를 번들링한다는 것은 단순히 묶기만 하는 것이 아닌 압축하는 개념과 비슷하다.번들 파일은 원본 프로그램 파일보다 크기가 작아지고 실행 속도, 로딩 속도 또한 빨라진다. 압축한 파일을 받아와 압축해제 전까지 파일을 조작할 수 없는 것처럼, 또한 번들링된 웹 애플리케이션은 사용자가 임의로 조작할 수 없다.  js 에서 변..

리엑트를 사용하는 이유에는 여러가지가 있다.그중에서 가상 DOM 은 큰 특징이다.DOM 웹 페이지나 웹 앱에 있는 HTML 요소들을 구조적으로 표현한 것이다.DOM 은 애플리케이션 전체 UI 를 나타내고 트리 구조로 표현된다.여기에는 Web Document 에 있는 각 UI 요소에 대한 노드가 포함된다.웹 개발자가 자바스크립트를 통해 컨텐츠를 수정할 수 있기 때문에 유용하다.또한 구조화된 형식으로 되어 있어 특정 대상을 선택할 수 있고 모든 코드 작업이 쉬워지기 때문에 도움이된다. DOM 의 문제점은? DOM 은 트리 구조로 되어 있어 이해하기 쉽지만, 노드의 수가 많아질 수록 느려지고, DOM 업데이트에 잦은 오류를 발생시킬 수 있다.또 최근 웹은 SPA 를 사용한다. 하나의 웹 페이지를 어플리케이션처..