본문 바로가기

개발37

[Design Patterns] 생성 패턴(Creational Patterns) | 싱글톤(Singleton) 패턴 생성 패턴(Creational Patterns) | 싱글톤(Singleton) 패턴 [index] 1. 싱글톤(Singleton) 패턴이란? 2. 싱글톤 패턴의 장점 3. 싱글톤 패턴의 단점 4. 싱글톤 패턴 적용 예시 5. 마무리 + 디자인 패턴이 무엇인지 모른다면? https://reveur1996.tistory.com/149 [디자인 패턴] 디자인 패턴이란? 디자인 패턴이란? 1. 디자인 패턴이란? 2. 디자인 패턴 구조 3. 왜 디자인 패턴을 알아야할까? 4. 디자인 패턴에 대한 부정적인 시각 5. 디자인 패턴의 분류 6.마무리 1. 디자인 패턴이란? 패턴은 알 reveur1996.tistory.com 1. 싱글톤(Singleton) 패턴이란? 싱글톤(Singleton) 패턴은 하나의 클래스에 대.. 2023. 12. 11.
[디자인 패턴] 디자인 패턴이란? 디자인 패턴이란? [index] 1. 디자인 패턴이란? 2. 디자인 패턴 구조 3. 왜 디자인 패턴을 알아야할까? 4. 디자인 패턴에 대한 부정적인 시각 5. 디자인 패턴의 분류 6.마무리 1. 디자인 패턴이란? 패턴은 알고리즘과 자주 혼동됩니다. 왜냐하면 두 개념 모두 알려진 문제에 대한 일반적인 해결책을 설명하기 때문입니다. 알고리즘은 요리법에 비유할 수 있지만 패턴은 요리법이 아닌 청사진에 더 가깝습니다. 알고리즘과 요리법 둘 다 목표를 달성하기 위한 명확한 단계들이 제시되어 있습니다. 반면에 청사진은 결과와 기능들은 제시하나 구현 단계 및 순서는 사용자가 결정합니다. - 출처 : https://refactoring.guru/ko/design-patterns/what-is-pattern 디자인 패턴.. 2023. 12. 10.
TNT : Tailwind CSS + Next.js + TypeScript 조합에 대한 분석과 실제 프로젝트에서의 경험 공유 TNT : Tailwind CSS + Next.js + TypeScript 조합에 대한 분석과 실제 프로젝트에서의 경험 공유 TNT 스택(Tailwind CSS + Next.js + TypeScript)란? 각각의 이점 2-1 Next.js: 강력한 React 프레임워크 2-2. TypeScript: 정적 타입 지원 및 개발 생산성 2-3. Tailwind CSS: 빠르고 효율적인 UI 개발 및 유지보수 결합을 통한 이점 3-1 Next.js와 TypeScript 3-2. Next.js와 Tailwind CSS 3-3. TypeScript와 Tailwind CSS 실제 프로젝트에서의 경험 공유 4-1. 프로젝트 적용 사례 4-2. 팀 협업에서의 이점 4-3. 배운 점과 느낀점 마무리 1. TNT 스택(T.. 2023. 12. 9.
[Next.js] Next.js | 기술적 분석 + 사용해보며 느낀점 Next.js 기술적 분석 + 사용해보며 느낀점 [index] 1. Next.js란? 2. Next.js의 주요 기능 및 이점 3. Next.js의 단점 4. 프론트 개발자의 입장에서 보는 Next.js의 이점 5. React와 비교해보기 6. 사용해보며 느낀점 1. Next.js란? Next.js는 Vercel이라는 회사에서 개발된 React 기반의 웹 프레임워크입니다. 서버 사이드 렌더링(SSR) 및 정적 사이트 생성(Static Site Generation, SSG)과 같은 기능을 사용할 수 있도록 하여 신속하게 대규모 및 기업용 애플리케이션을 개발하고 배포할 수 있도록 지원합니다. 특히 사용자 친화적이며 매우 빠른 정적 사이트를 구축할 수 있습니다. 또한 Automatic Static Optimi.. 2023. 12. 9.
[TypeScript] TypeScript 타입스크립트 | 기술적 분석 + 사용해본 후 느낀점 TypeScript 타입스크립트 | 기술적 분석 + 사용해본 후 느낀점 [index] 1. 타입스크립트란? 2. 타입스크립트의 등장배경 3. 타입스크립트 장점과 단점 4. 타입스크립트와 자바스크립트 비교해보기 5. 타입스크립트와 자바스크립트 중 하나를 고른다면? 6. 사용해본 후 느낀점 1. 타입스크립트란? https://www.typescriptlang.org/ JavaScript With Syntax For Types. TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before y.. 2023. 12. 6.
[FE] 상태관리란? 상태관리란? [index] 1. 상태관리란? 2. 상태관리의 역사 3. 상태관리 라이브러리의 종류 1. 상태관리란? State Management 상태 관리는 모던 프론트엔드의 핵심 역량 중 하나로 여겨지며, 효과적인 상태 관리는 개발자의 핵심 역량이 되었습니다. 프론트엔드 개발에서 상태 관리는 다양한 컴포넌트 간 데이터 전달과 이벤트 통신을 효과적으로 관리하는 것이 목표입니다. 상태의 정의 프론트엔드에서 상태는 주로 유저 정보나 UI에 영향을 미치는 동적으로 변화하는 데이터를 말합니다. 또한 프론트엔드에서 상태는 눈에 보이는 UI 요소 뿐만 아니라 서버와의 통신을 통해 변하는 데이터를 포함합니다. 이를 관리하기 위해서는 예측 가능한 변화를 유지하고 상태의 일관성을 유지해야 합니다. React에서는 상태.. 2023. 11. 28.
[CSS] Sass 와 Styled-components 비교 분석 + 직접 사용해보며 느낀점 Sass 와 Styled-components 비교 분석 + 직접 사용해보며 느낀점 [index] 1. Sass 특징 2. Styled-components 특징 3. Sass와 Styled-components 코드로 비교해보기 4. css-in-css vs css-in-js 관점에서 비교해보기 5. 직접 사용해보며 느낀점 | 개인적인 견해 이번글은 주로 css in css와 css in Js의 차이를 중점으로 Sass 와 styled-components를 비교해보려고 합니다. 우선 Sass 와 styled-components 각각의 특징에 대해 간략하게 정리해보겠습니다. 1. Sass 특징 Sass는 CSS in CSS 방식입니다. 흔히 HTML, JS, CSS는 관심사가 다른 개별적 요소로 보고 분리하는.. 2023. 11. 21.
[CSS] Tailwind CSS 분석 + 실제로 프로젝트에 적용해보며 느낀점 Tailwind CSS 분석 [index] 1. Tailwind CSS란? 2. Tailwind CSS 장점 3. Tailwind CSS 단점 4.실제로 프로젝트에 적용해보며 느낀점 1. Tailwind CSS란? https://tailwindcss.com/ Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML. tailwindcss.com Tailwind CSS는 utility-first CSS 프레임워크로서 핵심 개념.. 2023. 11. 21.
CSS-in-JS Library | styled-components란? ( + 직접 사용해본 후 느낀점 ) styled-components란? [ index ] 1. styled-components란? 2. styled-components의 장점과 단점 3. 왜 styled-components를 사용해야 할까? 4. styled-components를 직접 사용해보며 느낀 장점과 단점 5. 결론 1. styled-components란? https://styled-components.com/docs styled-components: Documentation Learn how to use styled-components and to style your apps without stress styled-components.com styled-components is the result of wondering how w.. 2023. 11. 16.

티스토리툴바