전체 (50)
기술 (13)
경험 (8)
학습 (14)
생각 (7)
커리어 (8)
- 기술API 공통 사항 관리를 위한, Axios 추상화 구현# Offispace 프로젝트 API 공통 사항 관리를 위한, Axios 추상화 구현을 해봅시다
- 눈물을 흘리며 개발한 1인석 좌석 배치도 구현기# Offispace 1인석 좌석은 어떻게 구현 했을까요?
- 토스 페이먼츠 API를 이용하여 프로젝트 수익 모델 구현해보기# 토스 페이먼츠를 이용하여 결제 시스템을 적용해봅시다
- Error Boundary를 이용하여 똑똑하게 에러처리해보기# React Error Boundary를 이용한 에러처리 경험을 소개합니다.
- 글, 댓글 조회시 무한스크롤을 구현하겠습니다, 근데 이제 에러핸들링까지 곁들인# Offispace 커뮤니티 페이지에서 무한스크롤을 이용하여 글 조회와 댓글 조회를 구현해봤습니다.
- API 언제나와요? 아 네… API로부터 독립된 컴포넌트 생성하기 + MSW 도입기# 프론트엔드 백엔드 병렬적인 개발 진행이 가능한 방법
- React-markdown을 도입하여 생산성 높이기# React-markdown을 도입하여 생산성 높여봅시다.
- Next.js 블로그 SEO 개선해보기# Google Search Console, Sitemap, Robots, 구글 애널리틱스를 이용하여 SEO를 개선해봅시다.
- Offispace 프로젝트 최적화 해보기# Offispace 프로젝트 최적화 경험을 소개합니다.
- 가상화를 이용하여 대형 리스트 무한스크롤 최적화 해보기# 10,000개의 데이터를 이용하여 무한 스크롤을 구현 하는법
- 렌더링된 화면을 캡쳐하여 PDF 다운로드 기능 구현하기# jsPDF와 html2canvas를 활용한 리포트 PDF 변환 작업
- 응집도와 결합도를 고려한 회원가입 설계와 유저가 지치지 않는 UI# Offispace 프로젝트의 회원가입은 어떻게 진행될까요?
- RSC와 SSR을 고려한 상태 관리 전략# 클라이언트 컴포넌트에서 서버 컴포넌트로 전환하기
- 경험GPT 답변 퀄리티 개선해보기# 다양한 프롬프팅 기법을 적용해보며, ChatGPT API를 이용한 답변 퀄리티를 개선해봅시다.
- Next.js 블로그 에러 핸들링 적용해보기# React Errorboundary 대신 Next.js에서 제공하는 에러핸들링을 적용해봅시다.
- Next.js 블로그 모달 관리 개선하기# Next.js 블로그의 모달은 어떻게 관리되고 있을까요?
- Next.js 블로그에 Cypress를 통한 E2E 테스트 적용해보기 Ver.2# 테스트 시나리오를 작성해보고, 해당 시나리오를 통해 테스트 코드를 작성 및 실행해봅시다.
- Next.js 블로그에 Cypress를 통한 E2E 테스트 적용해보기 Ver.3# 작성된 테스트 코드를 Github Actions를 이용하여 자동화 해봅시다.
- Next.js 블로그 만들기 Ver.1# Next.js + MDX 블로그 개발기 1탄
- Next.js 블로그 만들기 Ver.2# Next.js + MDX 블로그 개발기 2탄
- Next.js 블로그 만들기 Ver.3# Next.js + MDX 블로그 개발기 3탄
- 학습JS 코딩테스트 대비 스니펫# JS로 코딩테스트 준비하면서 알게된 함수, 팁
- 응집도와 결합도 이야기# 응집도와 결합도에 알아봅시다
- mvc, mvm, mvvm 패턴 이해하기# mvc, mvm, mvvm 패턴에 대해 알아볼까요?
- 다양한 개발 환경 툴에 대해 알아보자.# 다양한 개발 환경 툴에 대해 알아봅시다 npm, nvm, bundler, webpack
- 리액트에서의 SSR, SEO 처리 방법# 리액트에서는 SSR, SEO 처리를 어떻게 해야 할까요?
- 자바스크립트를 이용하여 다익스트라 알고리즘 구현해보기# 자바스크립트를 이용한 다익스트라 알고리즘 구현
- 자바스크립트에서의 순환, 반복 메서드# 자바스크립트에서의 순환 반복 메서드들에 대해 이해해봅시다.
- Next.js 블로그에 Cypress를 통한 E2E 테스트 적용해보기 Ver.1# 프론트엔드 테스트의 개념과 종류를 알아볼까요?
- 전체적인 흐름으로 이해해보는 웹 렌더링의 발전과정# 웹 렌더링 방식의 발전에 대해 알아볼까요?
- 그래서 아키텍처가 뭔데?# 아키텍처란 무엇이고 왜 중요할까요?
- 객체지향 설계의 모든것# 자바스크립트에서의 객체지향 설계를 이해하고 각 핵심 개념을 이해해봅시다.
- OpenAI API 이해하기# OpenAI API, 생성형 AI, LLM, GPT에 대해 알아봅시다.
- 서버 컴포넌트 이해하기# 서버 컴포넌트란 무엇일까요? 그리고 SSR과의 차이점은 무엇일까요?
- React Query 왜 쓰는지 이해하기# React Query 무엇일까요? 그리고 왜 쓰는걸까요?
- 생각목표를 달성하는 법# 목표를 세우지 말고 시스템화 하자
- 내가 생각한 Best Pratice의 의미# Best Pratice의 의미
- 2024 프론트엔드 개발자 취업 후기 및 팁# 프론트엔드 개발자 취업 후기, 개발자 취업 팁
- 2024 블레이버스 해커톤 참가 및 수상 후기# 개발 인생 처음으로 해커톤에 참가해봤습니다.
- 멋쟁이사자처럼 10기 회고록# 충북대학교 멋쟁이사자처럼 10기를 끝마치며
- 내가 되고 싶은 개발자# 초심을 잃지 말자
- 나는 Next를 왜 쓰는가, 취업 할 때 유리해서? 기술 스택 하나 더 채우려고?# Next.js를 쓰는 이유
- 커리어Atomic Design Pattern이란 무엇인가# Atomic Design Pattern에 대해 알아보고 실습해봅시다
- 디프만 16기 [Web] 최종 합격후기# 디프만 16기에 지원해봤습니다.
- 주니어 개발자의 2024년 회고와 2025년 목표# 2024년 회고, 2025년 목표
- As-Is, To-Be의 의미와 활용법# As-Is, To-Be의 의미와 적용법을 알아봅시다.
- MSA 환경에서의 BFF 패턴 적용법# BFF 패턴에 알아보고 MSA 환경에서 적용해봅시다.
- MSA (Microservice Architecture)란 무엇일까요?# MSA 대해 알아봅시다.
- persist API란 무엇이고 프론트엔드 환경에서 어떻게 적용할 수 있을까?# persist API에 대해 알아봅시다.
- 프록시 API란 무엇일까요?# 프록시 API에 대해 알아봅시다.