전체 글

socket.io, stomp, sockJS 는 실시간 통신을 구현할 수 있는 라이브러리 이다. STOMP는 주로 메시지 브로커를 통한 메시징 패턴에 적합하며, Socket.IO는 서버와 클라이언트 간의 직접적인 실시간 통신에 최적화 되어 있다. socket.io 를 사용하기 위해서는 socket 서버와 클라이언트가 필요하다. NextJS 에서는 node.js 처럼 api 서버를 띄울 수 있기에 socket 서버를 만들어 client와 연결을 해보려고 한다. Next.JS socket.io 서버 구동Next.JS app routes 에서는 Socket.io 구동xNext.JS Pages Routes 에서 Socket.io 구동o// pages/api/socket/io.tsimport { ServerToC..

개요블로그를 직접 만들어보고 싶기도 하고 Next.js 에 대한 이해도를 높이기 위해 블로그를 만들어보며 이해하였습니다.기능 구현블로그 글 생성, 보기 기능 구현카테고리 글 분류태그 글 분류챗봇 구현chatGPT 에 블로그 글 목록을 학습시킨 후 질문에 맞는 글 페이지와 설명 보여주기그 외의 질문도 가능블로그 sitemap.xml 생성 과 robots.txt 생성, feed.xml 생성 (SEO)성능 최적화 시키기 (Light house)왼쪽은 App Router로 최적화 진행 후오른쪽은 Pages Router 최적화 하기 전 성능최적화 라이트 하우스 지표   블로그 글 View, Editor 구현@uiw/react-md-editor 와 @uiw/react..

패스트캠퍼스 CampCON 이란? 패스트캠퍼스에서 주니어/취준생을 위한 IT 커리어 성장 컨퍼런스입니다. 매달 마지막 주 화요일 IT 분야의 전문가들과 커리어에 대한 고민과 기술 트렌드에 관한 이야기를 나누며 함께 성장으로 빛나는 밤을 만들어갑니다. (온라인) 이번 캠프콘은 프론트엔드 였기에 흥미도 있고 커리어에 대한 고민때문에 신청하여 듣게 되었습니다. 캠프콘 시작전 필수 에티켓으로는 캠 ON, 마이크 OFF 를 하여 강사님들이 저희의 반응을 보고 설명할 수 있게 하기 위함 입니다. CampCON 라인업 당근마켓의 Software Engineer 하조은 님과 (전) 토스 소프트웨어 엔지니어 오OO 님이 나와서 성장을 도와주셨습니다. CampCON 미리보기 하조은님께서는 최고의 인재가 될 수 있는 7가지..

생성형 AI 란? 생성형 인공 지능(생성형 AI)은 대화, 이야기, 이미지, 동영상, 음악 등 새로운 콘텐츠와 아이디어를 만들 수 있는 AI의 일종입니다. LLM 이란? LLM(대규모 언어 모델)은 텍스트의 이해와 분석을 중심으로 하는 고급 AI 기술입니다 Open API LLM 의 입력과 출력 입력 자연어 Context를 토큰으로 쪼개기 다음에 올 토큰 고르기 3번을 계속 반복 적절한 시점에 끊기 자연어 출력 다음에 올 토큰 고르기 토큰 배열 입베딩 벡터 배열 엄청 복잡한 연산 Context 벡터 다음 토큰의 확률 분포 다음 토큰 LLM을 학습한다는 건 입력 언어를 하나의 Context 벡터로 치환하는 방법을 학습. 토큰 별로 적절한 임베딩 벡터를 매핑한다. 엄청 복잡한 연산 과정에서 무수히 많은 가중..

프로젝트 후기 프로젝트 과정 자체는 기간도 짧아서 뭘 해볼 수 있는 시간은 별로 없지만 협업을 하면서 무엇이 중요하며, 프로젝트에서 가장 중요한 것이 무엇인지 깨닫게 해주는 그런 시간이었다. 프로젝트 결과물이 생각보다 너무 안나와서 아쉬웠다.. 1차 프로젝트를 진행해보니까 2차 프로젝트 때는 어떻게 해야할지 감이 잡힌다! 프로젝트 하면서 후회되는 것들 프로젝트 진행 전 기획과 설계의 시간을 너무 짧게 가졌고, 그에 대한 중요성을 아무도 인지하지 못한채 프로젝트에 돌입하였다... ㅠ 프로젝트를 SPA로 만들고 싶다는 생각이 들어서 프로그래머스에서 과제테스트 했던 거 생각나서 router를 만들었는데 막상 개발에 들어가니까 FE 개발 진행이 안되었다.... 각자의 개발실력차를 생각하지 못한 채 "만들어봐야지..

개요 함수형 프로그래밍을 학습하고 싶어서 JS로 된 교재를 구매하여 읽고 있습니다. 이 책은 굉장히 많은 내용을 다루고 있으며, 하나의 언어를 읽을 수 있다면 코드를 읽는데 문제가 없기에 강력 추천합니다!! 이 책의 목차입니다. CHAPTER 1 쏙쏙 들어오는 함수형 코딩에 오신 것을 환영합니다 1 CHAPTER 2 현실에서의 함수형 사고 17 PART I 액션과 계산, 데이터 CHAPTER 4 액션에서 계산 빼내기 61 CHAPTER 5 더 좋은 액션 만들기 87 CHAPTER 6 변경 가능한 데이터 구조를 가진 언어에서 불변성 유지하기 109 CHAPTER 7 신뢰할 수 없는 코드를 쓰면서 불변성 지키기 147 CHAPTER 8 계층형 설계 I 167 CHAPTER 9 계층형 설계 II 201 PAR..