개요 칵테일, 러브, 좀비는 조예은 작가의 글로 4개의 에피소드로 이루어진 소설이다. 단편들로 이루어져있어 글을 읽는데 부담없이 쉽게 몰입이 가능하다. 줄거리 및 후기 해당 소설 에피소드 중 3번째에 해당하는 작품으로 좀비가 있는 세계관에 좀비가 된 아버지의 딸 주연의 독백으로 소설은 시작된다. 절망적이거나 긴장감 있는 좀비물 보다는 일상적인 요소들이 섞이며 좀비물 치고는 그닥 어둡진 않은 분위기로 소설이 진행된다. 좀비가 된 아빠를 바라보는 딸과 엄마 소설을 읽으며, 가장 인상깊은 부분은 좀비가 된 아빠를 바라보는 딸과 어머니의 인식이 점점 교차된다는 것이 아닐까 싶다. 가족이라 하더라도 현재는 말도 못하고 이성이 없는 존재인 좀비로 아빠를 생각하며 조금은 귀찮고 거부감을 가지는 주연과 그래도 좀비가..

1. 학습 목표JS에서의 스코프의 개념을 이해하고, 여러 스코프 종류간의 차이를 알아보자. 스코프는 렉시컬 환경, 실행 컨텍스트, 클로저와 같은 JS 주요 개념들을 이해하는데 큰 도움이 된다. 2. 핵심 개념 요약 스코프(scope) 스코프란 식별자(변수, 함수, 클래스 이름 등)가 유효한 범위를 의미합니다. 즉, 변수는 자신이 선언된 위치에 따라 다른 코드가 자신을 참조할 수 있는 범위가 결정된다. 렉시컬 스코프위에서 언급한 것처럼 코드를 작성한 위치에 따라 스코프가 정해지는 규칙을 의미한다. JS는 렉시컬 스코프 기반이며, 함수,변수가 어디서 정의 되었는지에 따라 상위 스코프가 결정된다. 스코프와 관련된 개념 중 렉시컬 환경과 실행 컨텍스트에 관해선 다음 글에서 다루겠다. 아무튼, 스코프를 잘 활용하..

그건, 가시였다. 하얗고 하얀 가시. 정말로 그것이 존재했던 것이다. 개요 칵테일, 러브, 좀비는 조예은 작가의 글로 4개의 에피소드로 이루어진 소설이다. 단편들로 이루어져있어 글을 읽는데 부담없이 쉽게 몰입이 가능하다. 초대 (줄거리 스포주의) 주인공인 채원은 어린시절 해안가에 위치한 소도시에 살면서도 비위가 약해 회를 먹지 못했다. 가족들의 등쌀에 못이겨 채원은 이모가 준 회를 억지로 먹게된다. 그때, 채원은 목에 무언가 걸리는 느낌이 나 병원에 가지만 가시는 찾지 못하고 그 후에도 채원은 이물감을 갖고 살아가게된다. 성인이 된 채원은 조소를 전공하며 공방을 운영하던 도중 태주라는 손님을 만나게되고, 그녀는 채원이 만든 남자친구인 정현의 두상을 훑으며 관심을 가진다. 채원의 남자친구인 정현은 교묘..

1. 학습 목표 enum과 as const의 개념을 이해하고 둘의 차이를 알아본다. 그 후, 각 요소들이 어울리는 상황에 대해 알아본다. 2. 핵심 개념 요약 enum, as const 모두 Typescript에서 상수를 다룰 때 사용하는 기능으로 비슷하지만 동작원리와 사용되는 곳이 다르다. enum enum은 아래와 같이 열거형 상수를 정의하는 TS 전용 문법이다. 숫자, 문자열의 값을 가지며 런타임에도 존재한다는 특징이 있다. 또한 역참조가 가능하다는 특징이 있어 두 가지 방법으로 참조가 가능하다.enum ContentsType { All, // 여기서 부터0, 1, 2, 3으로 자동 할당 YOUTUBE, ARTICLE, PODCAST,}const status: ContentsType = C..

1. 학습 목표 작년 말에 진행한 FLEX 프로젝트에서 구현한 KIS 실시간 데이터를 웹소켓으로 연동해 구현한 과정을 복습하자 KIS 연동해서 데이터 가져오는 과정은 아래 글 참고2024.10.03 - [코딩/Flex프로젝트] - 재테크 블로그 프로젝트 (3) - KIS(한국투자증권) API연동 재테크 블로그 프로젝트 (3) - KIS(한국투자증권) API연동개요 재테크 블로그의 기능 중 랜딩페이지, 모의투자, 주가예측 파트에서 여러 가지 주식 정보를 요하는 기능이 있어 주식정보를 제공하는 open api를 찾던 중 빈번히 사용되는 KIS에서 제공하는 aminkyunoori.tistory.com 2. 핵심 개념 요약 1. 차트 라이브러리와 초기 세팅 일단 난 분봉에 해당 하는 그래프에만 실시간 데이터를 ..

1. 학습 목표 Tanstack Query를 통해 캐싱전략을 얼마나 적절하게 잘짜는 것도 중요한 요소이기에 내부에서 다양한 옵션을 제공한다. 반대로, 이전의 데이터가 아닌 새로운 데이터를 보여줘야 하는 데이터 갱신의 경우도 효율적으로 요청하도록 유연하게 설계되어있다. Tanstackquery에서 제공하는 데이터 갱신 방식들을 이해하고, 각자 어떤 상황에 적합할지 알아보자 2. 핵심 개념 요약 (자동갱신, 수동갱신, etc..) 1. 자동 갱신 (Auto Refetching) 1-1. refetchOnWindowFocus브라우저 탭으로 돌아올 때 자동으로 데이터를 다시 가져오는 옵션으로. 기본값은 true로 설정되어 있다. useQuery(['todos'], fetchTodos, { refetchOnW..

1. 학습 목표AJAX의 정의를 이해AJAX 구현 방법에 대한 이해AJAX의 예시AJAX를 통한 사용자 경험 향상 사례 2. 핵심 개념 요약 기존의 HTTP 통신 방식에서는 사용자가 특정 요청을 보내면 서버가 전체 HTML 페이지를 다시 보내주기 때문에,단순히 일부 데이터만 갱신하려는 상황에서도 불필요하게 모든 리소스를 다시 받아와야 했다. 예시로, 자동완성을 구현 한다면, 사용자의 입력이 변경될 때마다 새로운 페이지를 렌더링 해 응답하기해 이는 네트워크 트래픽과 서버 부하를 증가시키며, 사용자 경험도 저하시킨다. AJAX는 이런 불편한 상황을 해결한다. AJAX : 서버와 비동기적으로 데이터를 교환할 수 있는 기술 사용자 이벤트 발생 시, 서버로의 요청을 보내고, 응답 데이터로 웹 페이지의 특정 부분만..

1. 학습 목표콜백 함수의 개념과 사용 목적을 이해한다.콜백 지옥이 무엇이고, 왜 발생하는지 파악한다.Promise와 async/await를 활용해 콜백 지옥을 해결하는 방법을 익힌다.실제 코드에서 비동기 처리를 깔끔하게 작성할 수 있다. 2. 핵심 개념 요약콜백 함수란?콜백 함수는 다른 함수의 인자로 전달되어 실행되는 함수이다. 주로 비동기 처리, 이벤트 처리, 타이머 등에서 사용되며, 특정 작업이 끝난 후에 다음 동작을 실행하는 데 유용하다. function greet(name, callback) { console.log("Hi " + name); callback();}function callMe() { console.log("I am callback function");}greet("Peter..