SKCNC

RSS

게시글: 220
등록: 2026년부터

All Frontend Backend AI DevOps Architecture Etc

Frontend
Thymeleaf 시작하기 (1) - thymeleaf 란?
본 글은 Thymeleaf 시작하기 시리즈의 첫 번째 글로, Thymeleaf가 무엇인지 소개합니다. Thymeleaf는 서버 사이드 렌더링(SSR)을 위한 자바 템플릿 엔진으로, HTML을 유지하면서도 동적인 데이터를 삽입할 수 있게 해줍니다. 클라이언트 사이드 렌더링(CSR)과의 비교를 통해 SSR의 장점을 설명하고, Thymeleaf가 왜 SSR 환경에서 유용한지를 강조합니다. 특히, 웹 애플리케이션 개발 시 동적인 웹 페이지를 효율적으로 생성하는 데 초점을 맞추고 있습니다.
ThymeleafSSRCSR
SKCNC·2021년 10월 6일
Frontend
성능 테스트 기법 (2) Customize Session Handling
본 글은 성능 테스트 스크립트 작성 시 발생하는 동적 값(예: Session ID)으로 인한 Transaction Fail 오류를 해결하는 방법에 대해 다룹니다. 특히 Silk Performer를 사용하여 "Shop It!" 쇼핑몰 사이트에서 스크립트를 작성하고, 재실행 시 발생하는 오류의 원인을 분석합니다. 동적으로 변하는 값을 스크립트에서 어떻게 제어하여 정상 작동을 보장하는지에 대한 구체적인 방법을 제시하며, 성능 테스트 스크립트의 안정성을 높이는 데 초점을 맞춥니다.
성능 테스트ScriptSession Handling
SKCNC·2021년 2월 8일
Frontend
Vue.js Life Cycle 정리
이 글은 Vue.js의 생명주기(Life Cycle)에 대한 내용을 다룹니다. 프론트엔드 개발 경험이 부족했던 필자가 Vue.js의 생명주기를 이해하기 어려웠던 경험을 공유하며, 특히 DOM의 역할과 Vue.js에서의 순서, 그리고 부모-자식 컴포넌트 간의 생명주기 차이에 대한 의문을 제기합니다. 초기에는 이러한 생명주기 이해 부족으로 인해 예상치 못한 동작이나 에러가 발생했지만, Vue.js의 생명주기를 학습하고 적용한 후 개발이 훨씬 수월해졌다고 말합니다. 글에서는 Vue.js 생명주기를 Creation, Mounting, Updating, Destruction의 네 가지 주요 단계로 나누고, Creation 단계의 beforeCreate와 Created 훅에 대해 설명하며, 각 훅의 특징과 DOM 접근 가능 여부 등을 상세히 안내합니다. 이를 통해 Vue.js 개발자들이 생명주기를 더 잘 이해하고 활용할 수 있도록 돕고자 합니다.
Vue.jsLife CycleFrontend
SKCNC·2020년 10월 19일
Frontend
2020 State of Performance Engineering report: Introduction
이 글은 Sogeti와 Neotys에서 공동 발간한 '2020 State of Performance Engineering report'의 서론을 다룹니다. 기존 보고서와 달리 성능 공학에 초점을 맞춘 이 보고서는 515명의 의사 결정권자와 전문가들의 의견을 종합하여 작성되었습니다. 2020년 상반기 동안 'Application Performance'의 중요성이 더욱 부각되었으며, 특히 팬데믹으로 인한 온라인 거래 급증과 원격 근무 확산은 '더 탄력적이고 빠른 디지털 서비스'의 필요성을 강조하고 있습니다. 기업의 성공 요인으로 자리 잡은 디지털 서비스의 성능 최적화에 대한 최신 동향을 파악하는 데 이 보고서가 중요한 자료가 될 것입니다.
성능 공학Performance Engineering웹 성능
SKCNC·2020년 9월 28일
Frontend
Jhipster와 Vue.js로 CRUD 게시판만들기 2편
이 글은 JHipster와 Vue.js를 사용하여 CRUD 게시판을 개발하는 2편으로, 특히 마이크로서비스 애플리케이션의 프론트엔드 개발에 초점을 맞춥니다. 1편에서 JHipster를 커스터마이징하여 새로운 메뉴 버튼을 추가한 것에 이어, 이번 편에서는 해당 버튼을 기존 백엔드 서비스와 연결하여 실제 기능이 동작하도록 구현하는 과정을 상세히 다룹니다. "book-rental" 기능을 위한 모듈 개발을 시작하며, Vue.js의 컴포넌트, 서비스, 뷰 파일 구조를 설명하고, JHipster에서 제공하는 엔티티 구조를 활용하여 "book-rental.vue" 파일을 작성하는 방법을 보여줍니다. 주로 도서 조회 및 검색 기능 구현에 집중하며, 향후 대여/반납 기능 추가 계획도 언급합니다. Vue.js 개발의 간략한 요약과 함께, 마이크로서비스 환경에서의 프론트엔드 개발 실무적인 내용을 다루고 있습니다.
JHipsterVue.jsCRUD
SKCNC·2020년 9월 10일
Frontend
2020년 및 향후 Performance관련 6가지 주요 트렌드
이 글은 2020년 및 그 이후의 성능 테스트 관련 주요 트렌드를 다룹니다. 특히, 기존의 단순 성능 테스트에서 벗어나 전체 소프트웨어 개발 생명주기(SDLC)에 걸쳐 성능 엔지니어링을 통합하는 'Shift Left' 접근 방식의 중요성을 강조합니다. 성능 엔지니어링은 단순히 테스트를 넘어, 설계 초기 단계부터 품질과 성능을 내재화하고 조직 문화 전반에 걸쳐 품질과 성능을 구축하는 것을 목표로 합니다. 이는 기능 테스트 자동화에서 이미 경험했던 변화와 유사하며, 뒤늦게 성능 문제를 해결하려 할 때 발생하는 기술 부채의 위험성을 줄이는 데 기여합니다. 궁극적으로는 팀 전체가 성능에 대한 책임을 공유하는 방향으로 나아가고 있음을 시사합니다.
Performance TestingPerformance EngineeringSDLC
SKCNC·2020년 8월 25일
Frontend
Jhipster와 Vue.js로 CRUD 게시판만들기 1편
이 글은 JHipster와 Vue.js를 사용하여 마이크로서비스 애플리케이션의 프론트엔드를 개발하는 방법에 대한 1편입니다. 필자는 JHipster 프로젝트 초기 설정 시 React를 선택했지만, 높은 학습 곡도로 인해 Vue.js로 전환하게 되었습니다. Vue.js는 React보다 상대적으로 쉬운 난이도로 JHipster 환경에서 프론트엔드 개발에 적합하다고 판단했습니다. 글에서는 JHipster에서 Vue.js를 사용하여 게이트웨이를 새로 구성하고, 기존 마이크로서비스의 엔티티 데이터를 불러오는 조회 및 검색 기능을 구현하는 과정을 중점적으로 다룹니다. 또한, JHipster 프로젝트 생성 시 Vue.js 블루프린트를 적용하는 방법과 기존 게이트웨이 백업 및 복구 과정도 설명합니다. 궁극적으로는 JHipster와 Vue.js를 연동하여 효과적인 프론트엔드 개발을 목표로 합니다.
JHipsterVue.jsFrontend
SKCNC·2020년 6월 29일
Frontend
마이크로서비스 모델링 ⑤ : FrontEnd 설계
이 글은 마이크로서비스 환경에서 프론트엔드 설계 시 고려해야 할 사항들을 다룹니다. 웹과 모바일 기술의 발전으로 사용자 경험이 중요해지면서 React, Vue와 같은 SPA 프레임워크가 주목받고 있습니다. 이에 따라 프론트엔드 모놀리스 구조를 분리하기 위한 마이크로 프론트엔드 패턴이 등장하고 있으며, 유연한 아키텍처 설계가 중요해지고 있습니다. 글에서는 사용자 요구사항에 맞는 아키텍처 정의의 중요성을 강조하며, 특히 B2C 환경에서는 모바일, 앱, 웹 채널을 모두 고려한 반응형 UI 지향과 프레임워크 선택(React, Vue 등)의 필요성을 언급합니다. 또한, 컴포넌트 구조의 재사용성과 마이크로 프론트엔드 패턴 적용 가능성을 설명합니다.
마이크로서비스Frontend아키텍처
SKCNC·2020년 5월 25일
Frontend
Introduce to Performance test(1/5)
본 포스팅은 총 5개의 시리즈로 구성된 성능 테스트 소개 시리즈의 첫 번째 글로, 성능 테스트의 개요를 다룹니다. 성능 테스트는 시스템에 부하를 발생시켜 응답 시간, 네트워크 사용량, 서버 용량, 데이터 처리량 등을 종합적으로 판단하여 최적의 성능을 발휘하기 위한 테스트입니다. 기능 테스트와는 달리 별도의 도구(예: LoadRunner, Jmeter)를 사용하여 수행되며, 시스템의 전반적인 품질을 보장하는 데 중요한 역할을 합니다. 이 시리즈는 성능 테스트의 개요부터 계획, 분석, 설계, 실행 및 보고 단계까지 전반적인 과정을 상세히 다룰 예정입니다.
성능테스트웹 성능테스트 개요
SKCNC·2020년 3월 18일