본문 바로가기

분류 전체보기64

10월 첫째 주 주간회고 배운 것 - React Componenet - React State 회고 리액트를 배우면서 컴포넌트를 만들때 어디까지 컴포넌트로 만들어야하는지 어려움이 있다. 자그만한 부분까지 예를들어 input 엘리먼트까지 컴포넌트로 나누어야 하는가에 대해서 고민을 많이 했었다. 이번 강의를 들으면서 컴포넌트를 나누는 기준들이나 컴포넌트를 나눌때 상태를 어디서 가지고 있어야하는지 등을 배울 수 있었다. 또한, 전체 코드에서 컴포넌트로 나누는 방법과 기능이되는 함수들을 어떻게 사용하고 코드를 분리할 수 있는지 까지 알 수 있었다. 이전에 내가 작성한 코드들 보다 훨씬 정리되어 보였고, 각 컴포넌트가 하나의 역할을 하는 것 같았다. 이처럼 이후 코드를 작성할 때 역할에 따라서 코드를 작성할 수 있었으면 좋겠다. 2023. 10. 8.
9월 넷째 주 주간회고 배운 것 - JSX 회고 리액트를 배운면서 JSX는 단순히 html에 javascript를 사용할 수 있도록 하는 방법이라고만 생각했다. 이번 강의를 들으면서 JSX가 만들어진 이유와 JSX가 없을 때 리액트가 어떻게 리액트 엘리먼트들을 만들어 내는지 알 수 있었다. 이전 부트캠프에서 강의를 들었을 때 대충 넘어갔던 이야기들을 배울 수 있었다. 'VDOM이 DOM 보다 단순히 빠르다' 라고 배웠던 것은 그렇지 많은 않고, 선언적으로 UI를 만들고 상태값과 html을 같이 사용한 컴포넌트를 만들 수 있도록 도와줌으로 유지보수를 쉽게 만들어 주는 것이 JSX와 VDOM 이라고 생각이 들었다. 이렇게 단순히 기술을 사용만 하는 것이 아니라 원리까지 이애할 수 있게 되어서 좋았다. 2023. 9. 24.
9월 셋째 주 주간회고 퇴사를 한 지 2주가 지났다. 9월에는 가장 큰 목표는 '습관을 만들기' 다. 공부를 비롯해서 책읽기, 운동하기, 잠자는 시간 까지 좋은 습관들을 만드려고 노력중이다. 아직 2주차 까지는 완벽하지 않아도 그럭저럭 잘 지키는 중이다. 배운 것 - 프로젝트 환경 세팅하기 회고 메가테라의 프론트엔드 생존코스 1주차가 시작되었다. 나는 내가 부지런하지 않다는 것을 알기에 신청한 수업(?) 이다. 1주차는 프로젝트를 세팅하는 환경들과 그 기술들에 대한 간단한 사용법과 정의들을 공부했다. 1년 조금 넘게 프론트엔드를 공부하면서 프로젝트를 처음부터 세팅해본 적은 없는 것같다. 너무나도 편하게 한 번에 세팅을 해주는 방법들이 있었으니까 세팅하는 방법을 생각해 본 적도 없었다. 프로젝트 세팅을 처음부터 하면서 배운 것은.. 2023. 9. 17.
websocket과 라이브러리 websocket webSocket은 TCP 연결에서 클라이언트와 서버 사이에 지속적인 완전 양방향 연결 스트림을 만들어 주는 기술입니다. webSocket의 특징 양방향 통신 (Full-Duplex) 방식 클라이언트와 서버가 서로에게 데이터를 주고 받을 수 있음 일반적인 Http통신은 client가 요청을 보내는 경우에만 server가 응답하는 단방향 통신 실시간 네트워킹(Real Time-Networking) 웹 환경에서 연속된 데이터를 빠르게 노출 ex) 채팅, 주식 여러 단발기에서 빠르게 데이터를 교환 최초 접속에서만 http프로토콜 위에서 handshaking을 하기 때문에 http header를 사용한다. Socket.io Socket.io는 node.js를 지원하고, websocket을 기반.. 2022. 4. 28.