개요자 000씨, Vue와 React의 공통점, 차이점을 이야기해보세요. 누군가는 쉽게 답할 수 있을지 모르겠지만, 얼마전 내게 이런 질문이 들어왔을 때 쉽사리 대답을 못했다. Vue나 React의 특징을 말하자면 말하겠는데 이 특징들이 각 기술에 한정되는 특징인지도 모르겠고, 특히나 Vue는 7주라는 짧은 기간동안 학습과 개발을 동시에 진행하다보니, 자세히 모른다고 느꼈다. 공식문서, 블로그에서 이야기하는 차이점을 이해하고 지식이 부족한 Vue에 대해서도 좀 더 배워보려고 한다. 프레임워크, 라이브러리프레임워크와 라이브러리를 어떤 기준으로 분류하냐에 따라 답은 달라지겠지만,Vue의 경우 프레임워크, React는 라이브러리로 구분할 수 있다. 난 이제껏 다양한 기능을 제공하는건 프레임워크 특정 기능을 모..

개요 4월 쯔음 오랜만에 만난 대학친구와 이야기를 나누던 중 자신이 읽었던 감명깊던 책들을 몇가지 추천해주었다. 나와의 카톡에 고스란히 책들을 적어놓고 하나씩 해치웠다. (급류, 홍학의 자리, 무라카미 하루키 소설) 정작 가장 먼저 추천받은 책인 모순은 이상하리만치 손이 안가서 이제껏 읽지 않았다. 5월, 오랜만에 만난 고등학교 친구중 책을 좋아하는 친구가 모순을 추천해줬고, 인천에 사는 친구를 만나러 갔을 때 또한 모순이 친구집에 있어 빌려서 읽게 되었다. 이정도면 안읽으면 하늘에서 떨어질 것만 같았다. 추가로, 유명한 책인지 몰랐다 첫인상 일단 다른 출판사가 있는지는 모르겠지만 쓰다. 출판사의 판권 기준으로 모순의 첫인상은 책의 좌우 여백이 매우 좁다는 것이다. 책과 글에 익숙치 않고, 썩 내키지 ..

개요 칵테일, 러브, 좀비는 조예은 작가의 글로 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..