code를 헤엄치는 인어공쭈

프레임워크의 정의란 무엇일까?프레임워크(Framework)는 소프트웨어 개발에서 일종의 뼈대 또는 기본 구조를 제공하는 소프트웨어 플랫폼이다. 프레임워크는 특정한 문제를 해결하기 위한 구조와 패턴을 미리 정의해 두어 개발자가 효율적으로 코드를 작성할 수 있도록 돕는다. 이를 통해 코드 재사용성과 유지보수성을 높일 수 있으며, 개발자는 특정 기능을 구현하는 데 집중할 수 있다. 대표적인 예로는 Angular, Next, Spring 등이 있다.프레임워크는 일반적으로 제어 역전(Inversion of Control, IoC) 원칙을 따르며, 개발자가 프레임워크 안에서 제공하는 규칙에 따라 코드를 작성한다. 즉, 프레임워크가 코드의 흐름을 결정하며, 개발자는 필요한 부분을 확장하거나 수정하는 방식이다.라이브러..

프론트엔드 개발을 하다 보면 UI 컴포넌트를 반복해서 만들고, 테스트하고, 유지보수해야 하는 일이 많다. 이때 Storybook은 UI 컴포넌트 개발을 더 쉽고 체계적으로 할 수 있도록 도와주는 훌륭한 도구이다. 특히, React, Vue, Angular와 같은 다양한 프레임워크에서 사용이 가능하다.즉 컴포넌트 기반 개발(Component-Driven Development)(CDD) 방법론에 따라 만들어진다.Storybook이란?Storybook은 UI 컴포넌트를 독립적으로 개발하고 테스트할 수 있는 환경을 제공하는 오픈 소스 도구이다. 보통 웹 애플리케이션을 개발할 때, UI 컴포넌트는 애플리케이션의 나머지 부분들과 결합된 상태에서 작동한다. 하지만 Storybook을 사용하면, 애플리케이션의 나머지 ..

https://swiperjs.com/ Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.swiperjs.com위에서 많은 참고 바람 이번에 내가 프로젝트에서 사용한 방법은 가장 나에게 익숙한 CDN link 삽입 방법으로 진행했다.install 하는건 버전 때문에 웬만하면 거부감이 드는 맘..위에 사이트에 친절하게 다 나와있긴한데 DOCS 에 대한 부담이 있을수 있으니 간단히 사용법 부터 설명해보겠다. 사용법1) Use Swiper from CDN (주로 index.h..