Jonghyun Jonghyun

안녕하세요! 제 깃헙 페이지에 댓글 기능을 추가하며 작업했던 내용을 공유드리겠습니다. Disqus와 Jekyll 연동하기로 구글링하면 많은 포스팅이 나오나... 역시 저한테 딱 맞는 가이드는 없어서 좀 조합을 해야 했네요. 제가 한 방법이 정답은 아니지만 일단 제 깃헙 페이지에 잘 추가되어 기록으로 남깁니다. https://starrything.github.io/portfolio/2022-01-18-Portfolio.html Portfolio · About Me No results matching "" starrything.github.io 위 링크가 제 깃헙 페이지 인데요. 가장 하단으로 스크롤을 내려보시면 이렇게 Disqus 가 플러그인되어 있는 것을 확인하실 수 있습니다. 그럼 이제부터 순서대로 작..

안녕하세요. 저도 다른 분들의 깃헙 페이지 관련 포스트를 참고하여 포트폴리오 웹사이트를 구성하였습니다. 이 글은 제가 깃헙 페이지를 활용하며 느낀 점들과 흔적들을 기록으로 남깁니다. 이전 포스트에서 언급한 대로 저는 현재 블로그를 2개 운영 중입니다. 1개는 개인 생활 및 취미 활동과 관련한 블로그로 네이버 블로그를 활용하고 있습니다. 그리고 기술블로그는 이곳. 티스토리를 사용하고 있죠. 이렇게 파편화되다 보니 한번에 엮어 주기 위한 일종의 포탈이 필요하게 되었습니다. 또한 커리어 관리를 위해 포트폴리오도 정리할 필요성도 영향을 미쳤습니다. 2~3년 동안은 제가 직접 개발하고 도메인도 구입하는 등 a-Z로 진행하려 하였으나... 혼자 하려면 투입 공수 대비 생산성이 썩 나오지 않는다고 판단하여 포기했습니..

안녕하세요? 2014년 12월... 개발자로 사회생활을 시작하며 개인 블로그에 대한 니즈가 점차 커지기 시작했습니다. 그래서 네이버 블로그에 기록을 남기기도 했고 Confluence Wiki를 사용도 했습니다. 물론 직접 게시판을 개발하는 것도 진행해 보았죠. 그런데 많은 분들이 공감하시겠지만 관리의 불편함과 뭔가 차별성이 떨어짐으로 인해 계속 마음은 여기 저기 기웃대면서 방법을 찾게 되었죠. 제가 많은 도움을 받았던 분들의 블로그는 "조대협 블로그", "벨로퍼트", "텐서 플로우 블로그" 등이 있네요. 그리고 글쓰기 플랫폼들도 굉장히 많이 알아보았습니다. 네이버 블로그, 티스토리, 브런치, 미디엄 등등... 네이버 블로그에는 여행과 사진, 그리고 일반 자격증 공부에 대한 후기 등 개인 생활과 관련한 글..

출처: https://www.baeldung.com/spring-mvc-image-media-data 1. Overview 본 포스트에서는 Spring MVC 프레임워크를 사용하여 이미지 및 기타 미디어를 리턴하는 방법을 살펴봅니다. Message Conversion, Content Negotiation 및 Spring의 리소스 추상화로부터 이점을 얻는 접근 방식으로 이동하는 것보다 HttpServletResponse를 직접 조작하는 것부터 시작하여 여러 접근 방식에 대해 알아보겠습니다. 2. HttpServletResponse 사용하기 이미지 다운로드의 가장 기본적인 접근 방식은 response 객체에 대해 직접 작업하고 순수한 Servlet 구현(implement)을 모방하는 것 입니다. @Reque..

안녕하세요? 이번 글에서는 모든 스킬 레벨에서의 개발자들이 고민하는 세션에 대해 생각해 보겠습니다. 여러 블로그들과 포스트들을 참고해 보면 다음과 같습니다. 브라우저의 local storage, session storage 활용하기 및 쿠키 관리, redux-react-session, redux-persist 등등 매우 많은 전략들이 있습니다. Local Storage와 Session Storage 모두 브라우저에서 제공되는 저장소 인데 둘 모두 동일한 기능을 제공합니다. 다만 세션 스토리지의 경우 세션이 유지되는 동안에만 데이터가 유지됩니다. (여기서 세션은 브라우저 탭이라고 이해하면 됩니다.) 간단하게 생각해서 세션 데이터는 쿠키로 유지해보도록 하겠습니다. 필요한 경우 만료기간을 지정할 수 있습니다...

안녕하세요! 오늘은 리액트 네이티브 공홈 방문을 해보겟습니다. https://reactnative.dev/ React Native · Learn once, write anywhere A framework for building native apps using React reactnative.dev 모바일 개발에는 몇 가지 방법이 있죠. 회사에서도 네이티브 앱 개발이냐, 하이브리드 개발이냐로 초기에 고민을 많이 했습니다. 현재는 리액트 네이티브로 Vue.js 화면을 표시해 주고 있는데요. React Native 공홈에서는 아래와 같이 소개 하고 있습니다. React를 사용하여 Android와 iOS 네이티브 앱 만들기 React Native는 네이티브 개발의 가장 좋은 부분을 React(사용자 인터페이스를..

안녕하세요! 신규 프로젝트를 시작할 때 우리 개발자들이 흔히 하게 되는 고민 중에 하나이죠. 새로운 마음으로 이번에는 잘(?) 해보자!! 프로젝트의 폴더(파일) 구조를 잡는 것입니다. 앞 포스트에서는 React의 프로젝트 구조잡기에 대해 살펴봤습니다. Backend로는 스프링 부트를 사용하고 있는데요. 우선 어느 정도 정리는 해서 프로젝트를 진행하고 있습니다. React나 Vue.js 등 프론트엔드에서 프로젝트 구조 잡기할 때 참고하였던 모델은 SPA(Single Page Application)과 PWA(Progressive Web App)이었습니다. 백엔드의 경우는 DDD(Domain Driven Design) 전략을 참고하려고 합니다. MSA(Microservice Architecture)와도 연결되..

# SPA ## 히스토리 1. 서버-클라이언트(페이지 reload) 2. 템플릿 기반 Angular.js 등 3. 이젠 React.js 등 컴포넌트 개념의 다양한 라이브러리와 프레임워크 등장 ## 특징 1. 라우팅 2. 컴포넌트 ## 장점 1. 네이티브 앱과 유사한 UX 2. 정적 리소스를 최초에 한번만 로드 3. 페이지 갱신에 필요한 데이터만 전달받아 전체적인 트래픽 감소 ## 단점 1. 초기 구동 속도가 상대적으로 느림 ## SPA의 핵심 가치 UX 향상 및 애플리케이션 속도 향상 (Mobile First) https://m.blog.naver.com/dktmrorl/222085340333 # Javascript callback ## 정의 파라미터로 함수를 전달받아, 함수 내부에서 실행하는 함수 예)..