분류 전체보기(112)
-
[모던자바스크립트 딥다이브] 04장 변수
변수란 무엇인가? 프로그래밍 언어는 기억하고 싶은 값을 메모리에 저장하고, 저장된 값을 읽어들여 재사용하기 위해 변수라는 메커니즘을 제공한다. 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 값의 위치를 가리키는 상징적인 이름 변수는 왜 필요한가? 개발자로 하여금 값을 저장하고 참조할때 메모리 주소에 직접 접근하지 않고 안전하게 변수를 통해 값에 접근할 수 있게 한다. 식별자 변수명 = 식별자, 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 뜻한다. 식별자는 변수값 자체를 기억하는 것이 아니라 변수값이 저장되어 있는 메모리 주소를 기억한다. 자바스크립트에서 '식별자'는 변수명에만 국한해서 사용하지 않는다. 변수, 함수, 클..
2023.07.25 -
모던 자바스크립트 딥다이브
자바스크립트를 사용하는 개발자라면 사전처럼 옆에 끼고 필요할때 마다 펼쳐 보아야 한다는 모던자바스크립트 딥 다이브 매번 모르는 내용이나 공부해야할 내용이 생기면 부분부분 목차에서 찾아서 내용을 확인했었는데 이번에 좋은 기회로 다같이 공부하고 서로 리뷰하는 형태의 스터디를 참여하게 되었다. 앞으로 공부하고 정리하는 내용을 별도에 블로그에 기록을 남겨도 좋지만 이번 기회에 깃북을 사용해보는 것도 좋을 것 같아서 공부하면서 내용을 요약하고, 궁금한 내용을 퀘스쳔으로 표기하고 추가로 알게되면 댓글로 추가하는 형태로 깃북을 사용해볼 참이다. https://s-organization-156.gitbook.io/mordern-javascript-deep-dive/ 04장 변수 - Mordern Javascript D..
2023.07.09 -
[회고] 부트캠프 항해99 마치며
항해99를 하기 전 나의 백그라운드 기존에 개발자로 일을 했었던 경험이 있었다. 국비 부트캠프를 수료하고 자바/스프링 개발자로 개발 회사에서 2년간 풀스택 개발자로 일을 하였지만 솔직히 풀스택이라는 거창한 이름 아래에서 프론트앤드도 백앤드도 인프라도, 쿼리도 어느 하나 T자로 깊게 다루지 못하는 내 모습이 부끄러웠던 기억이난다. 개인적인 사정으로 회사를 그만두게 된 다음 제대로 다시 공부해보자 결심하게 되었고 항해99를 선택하게 되었다. 누구는 경력이 있어서 대단하다고 하기도 하겠지만 경력이 있는 만큼 늦었다고 생각했고 더 열심히 해야지 다짐했던 것 같다. 여러 코딩부트캠프 중에서 항해99를 선택한 이유 온라인 부트캠프라는 점 때문에 끝까지 고민했었던 것 같다. '오프라인으로 해야 더 집중하지 않을까?'..
2023.07.06 -
[React] SSE (Server-Sent Events) 실시간 알림, Header에 값 담기
SSE를 통해서 실시간 알림을 구현해야 했다. 많은 웹사이트에서 확인 가능한 기능이며, 작은 부분이지만 구현하기는 꽤 어려웠다. 특히 서버쪽에서 헤더에 토큰을 담아서 보내달라고 하셨는데 EventSource 객체는 헤더에 접근 권한이 없기 때문에 다른 방법을 사용해야 했다. 또 컴포넌트가 랜더링 되었을때 최초 한번만 구독요청을 보내고 유지하도록 하는것이 중요했다. SSE란 SSE(Server-Sent Events)는 클라이언트(또는 브라우저)에 메시지를 받는 방법으로, 클라이언트와 서버 간에 초기 연결이 설정되면 서버가 메시지를 클라이언트로 전달할 수 있게 된다. 이때 한 방향으로만 (서버 to 클라이언트) 작동합니다. 한번 연결이 설정되면 이벤트가 발생하면 클로즈 하기 전까지 서버에서 데이터를 넘겨준다..
2023.07.04 -
[TIL] 23.05.03.
오늘 지난주와 마찬가지로 이제껏 배운 리액트 내용을 바탕으로 게시판을 이어서 구현했다. 기본적인 CRUD는 react-query와 json-server를 통해 내부 DB로 간단하게 구현을 완료한 상태였으며 회원 가입과 로그인은 서버에 API로 구현하기로 했다. KPT Keep 로그인, 회원가입 기능을 구현할 때 서버 API 명세서를 먼저 보고 작업했습니다. 명세서를 먼저 살펴보고 구현하니 어떤 요청을 보내야 하는지 명확해져서 비교적 간단하게 구현할 수 있었습니다. Problem 서버 요청이후 응답 에러 메세지에 따라서 적절한 에러메세지를 보여주기 위해서 컨트롤 하는게 어려웠다. axios로 서버와 통신할 때 요청, 응답 전에 interceptors를 구현한 다음 intercepter를 사용했다. 이때 i..
2023.05.03 -
[TIL] 23.04.27.
발표영상 바로가기 이벤트 전파, 캡처링, 버블링
2023.04.28