본문 바로가기

전체 글

Career Portfolio - 이강수 # Career Portfolio - 이강수Physicist, Programmer.최근의 좌우명은 "What you eat, how you think, and most importantly what you have done become who you are. Who are you? and who will you be?" 나 어렸을때 사진 ## PH2025-02-14 : MBTI 제거. 부트캠프 코드잇 풀스택 2기 추가. Recoeve.net 더 정리.2023-05-31 : MBTI 추가.2017-03-21 : 정리.2016-03-16 : 정리.2015-12-23 : 대충 좀 더 정리.2015-12-18 : First posting.## TOCHonesty-HumilityEmotionali.. 더보기
MCP (Model Context Protocol) 사용해보기 with Cursor AI # MCP (Model Context Protocol) 사용해보기 with Cursor AI## PH2025-04-04 : First posting.## TOC## RRAhttps://smithery.ai/ 더보기
VS code (Cursor AI) extension 만들어 보기 (Upward fold additionally (Smart fold/unfold)) # VS code (Cursor AI) extension 만들어 보기 (Upward fold additionally (Smart fold/unfold))들여쓰기 (indent) 고려해서 fold/unfold 해주는 기능이 VS code (Cursor AI) 에 기본적으로 있긴 한데, 젤 아래에서 위쪽으로 fold 해주는 기능이 없고 딱히 extension 을 검색해봐도 안뜨길래 만들어 보기로 결심. 그 내용을 공유합니다.해당 extension 은 에서 보실 수 있습니다. GitHub repo 는 .## PH2025-04-07 : First posting.## TOC## 우선 AI 의 도움을 받아서 package.json 을 다음과 같이 설정.fold-unfold-smartly 라는 이름으로 GitHub.. 더보기
프론트엔드 관점에서의 SOLID 원칙 # 프론트엔드 관점에서의 SOLID 원칙SOLID 원칙은 객체 지향 설계(Object-Oriented Design, OOD)에서 코드의 유지보수성과 확장성을 높이기 위해 제안된 5가지 설계 원칙입니다. 원래는 백엔드 개발과 소프트웨어 공학에서 주로 논의되었지만, 프론트엔드 개발에서도 특히 리액트(React)와 같은 컴포넌트 기반 프레임워크를 사용할 때 적용할 수 있습니다. 프론트엔드 관점에서 SOLID 원칙을 설명하고, 리액트와 같은 환경에서 어떻게 활용되는지 예시와 함께 풀어보겠습니다.## PH2025-03-27 : First posting.## TOC## 단일 책임 원칙 (Single Responsibility Principle, SRP)정의: 한 클래스(또는 컴포넌트)는 단 하나의 책임만 가져야 하.. 더보기
Recoeve.net (3S|Slow/Sexy/Sincere SNS) 사용설명서/Manual # Recoeve.net (3S|Slow/Sexy/Sincere SNS) 사용설명서/Manual## PH2023-09-15 : First posting.## TOC## Recoeve.net 란?출처: https://recoeve.net/account/log-in?lang=ko관심있게 본 기사/뉴스, 즐겨듣는 음악, 재밌었던 영상, 다시 찾고싶은 사이트 등 평가를 내리고 싶은 어떤 것이든 기록 (Record Everything) 하세요. 그 평가들을 바탕으로 자동으로 당신과 비슷한 사람들과 연결되어 보세요. 그리고 그들로부터 당신에게 특화된 새로운 것들을 추천받아 보세요 (Recommendations for Everything).인터넷과 대중매체들의 넘치는 오염된/난잡한/편향된 (내 기호에는 맞지 않는) .. 더보기
Works to do # Works to do할 일들 정리. Recoeve.net 관련해서는 kipid's blog :: Recoeve progress 참고.## TOC## Now텐서 설명글에서 stokes' theorem, Divergence theorem (Gauss's law) 등 설명 추가하기. (또 이거 비슷한 뭐가 있었나?)Noether theorem 정리. (무언가의 conservation 이 어떤것의 symmetry 와 연관이 있다?라는 주장 같았는데.. 공부해서 정리합시다.)양자장론 공부.상대론 정리.Time translation (evolution) vs H, space translation vs p. 상대론과 연관 지어서...Serializable 저장법 알아보기. (JAVA, MySQL)Slide htm.. 더보기
화성시 축구장 (화성 종합 경기 타운) 주변 모습들 # 화성시 축구장 (화성 종합 경기 타운) 주변 모습들멋있는 건물로 기억. 주변도 잘 정리되어 있었고. 더보기
SNS 내보내기/공유하기 (Sharing a URI link through SNS) # SNS 로 URI 링크 내보내기/공유하기 (Sharing a URI link through SNS)Copy to clipboard, 트위터 (X), 페이스북 (Facebook), 레코이브 (Recoeve.net), 카카오톡 (Kakao talk), 라인 (Line), WhatsApp 등등 SNS 로 공유하기 기능 정리. 도 참고하시길.DocuK 에서도 구현해서 넣어놨음. 왼쪽 위랑 문서 제일 아래쪽에 삽입되도록. Pop-up 으로 하는것보다 그냥 새 창 띄우는게 내 취향이라, 새 창 띄우는 방식으로 동작. (iframe pop-in 이 되면 이걸로 하고 싶긴한데, iframe 을 다들 막아서 불가능함.)문서 왼쪽 위와 젤 아래 중간의 image button 들로 테스트도 해보세요.## TOC## R.. 더보기
Git/GitHub commit description 에서 특정 단어들 찾는 방법 # Git/GitHub commit description 에서 특정 단어들 찾는 방법요약```OR 검색: git log --grep="단어1" --grep="단어2".AND 검색: git log --all-match --grep="단어1" --grep="단어2".정규 표현식: git log --grep="단어1|단어2" -E.```/어떤 단어를 검색하고 싶은지, OR/AND 중 어떤 조건을 원하는지에 따라 골라 쓰면 됨.## PH2025-03-08 : First posting.## TOR## 여러 --grep 옵션 사용```git log --grep="fix" --grep="update" --grep="add"```/커밋 메시지에 "fix", "update", "add" 중 하나라도 포함된 커밋을 표시... 더보기
Recoeve progress # Recoeve progress진행사항을 잡다하게 적자. 다른 할 일은 Works to do 참조 kipid's blog :: Works to do. [Music/Break]--Pet of kipid's Recoeve.net :: image file [Music/Break]--Pet of kipid's Recoeve.net. [Music/Break]--Pet of kipid's Recoeve.net :: iframe . ## TOC## PH2023-05-18: Ver. 0.8.0.2023-03-12: Ver. 0.7.5.2022-07-12: Ver. 0.5.3.2021-04-19: Ver. 0.3.0.2017-07-04: Ver. 0.1.11.2015-02-07: Ver. 0.1.10.2014-.. 더보기
Linux (AWS Amazon Linux) 에 git 설치 및 nginx 설치 (초기 세팅들), Docker (Dockerfile and .dockerignore) and CI/CD GitHub Action (main.yml) # Linux (AWS Amazon Linux) 에 git 설치 및 nginx 설치 (초기 세팅들), Docker (Dockerfile and .dockerignore) and GitHub Action (main.yml)코드잇 풀스택 2기 - Part 4 - Project-3 FitMate 개인 개발 리포트 (이강수 (kipid))## PH2024-12-31 : First posting.## TOC## 팀원별 구현 기능 상세 및 담당 업무- 로그인 페이지- 회원가입 페이지- 프로필 등록 페이지- 마이페이지- 프로필 수정 페이지- 알림 페이지- AI 챗봇 페이지---- UserProvider/NotificationProvider/ViewportProvider- ErrorBoundary- GNB (Globa.. 더보기
React Next.js 에서 URL 을 이용한 상태 유지하기: 페이지네이션, 키워드 검색, 필터링 # React Next.js 에서 URL 을 이용한 상태 유지하기: 페이지네이션, 키워드 검색, 필터링작성중...React Next.js 애플리케이션에서 사용자가 페이지네이션, 키워드 검색, 필터링 등을 조작할 때 해당 상태를 URL에 반영하여, 뒤로 가기 버튼을 누르거나 URL을 직접 입력해도 이전 상태가 유지되도록 하는 방법을 알아보자.## PH2024-12-31 : First posting.## TOC## URL 쿼리 파라미터 사용페이지 번호, 검색 키워드, 필터 정보를 쿼리 파라미터에 저장합니다.```/list?page=2&limit=10&search=example&filter=active```/## Next.js 의 useRouter 훅 사용```import { GetServerSideProps.. 더보기

티스토리툴바