J.Portfolio

AI(인공지능)의 기본 개념 이해: 필수 지식부터 미래 전망까지

“10년 안에 모든 일자리 80% 대체 가능?” LLM, 딥러닝, AGI 등 필수 개념부터 직업별 대체 가능성, AI 시대 한국의 과제, 그리고 살아남기 위한 핵심 역량과 실전 활용법까지 정리해보았습니다.

AI 툴 완전 정복: ChatGPT, Gemini, Claude 활용 가이드

효과적인 프롬프팅 기술과 ChatGPT, Gemini, Claude 등 주요 AI 툴별 기술적 특징과 핵심 기능을 알아보고, 상황별로 어떤 AI 툴을 쓰는 것이 효과적인지 정리해보았습니다.

주소창에 www.naver.com을 입력하면 어떤 일이 일어날까?

브라우저의 DNS 요청부터 렌더링까지, 도메인 입력 후 IP를 찾고 리소스 요청을 통해 HTML·CSS·JS 화면에 표시되는 과정까지 정리해보았습니다.

UX · UI, 다크 패턴 · 넛지 (feat. 쿠팡 인터페이스)

다 이유가 있다는 쿠팡의 촌스러운 디자인? 마트 전단지를 닮은 익숙한 디자인부터 전 연령층을 고려한 접근성까지, '계산된 촌스러움' 뒤에 숨은 쿠팡의 UX/UI 전략을 정리해보았습니다.

Next.js | 배포 시 발생하는 Promise 타입 에러 해결하기

개발 환경에서는 멀쩡하던 코드가 배포 시 타입 에러를 일으킨다면? params 객체를 Promise로 처리할 때 발생하는 비구조화 할당과 await의 실행 순서 문제, 그리고 간단한 해결 방법을 정리해보았습니다.

JavaScript | Web API 실전 가이드

브라우저에서 제공하는 Web API를 활용한 DOM 조작부터 스크롤 제어, 이벤트 처리, 브라우저 렌더링 과정과 성능 최적화까지 실전 예제를 통해 JavaScript의 문법에 대해 정리해보았습니다.

CSS 미디어 쿼리 & 타이포그래피

반응형 웹을 만들기 위한 필수 CSS 속성인 @media부터 텍스트 관련 핵심 속성(font-size, font-family, letter-spacing 등)과 웹 폰트를 적용하는 방법까지 실무에서 자주 사용하는 CSS 문법을 정리해보았습니다.

HTML 기초: 꼭 알아야 할 핵심 태그 정리

'김버그의 HTML은 재밌다'를 수강하며 강조 태그부터 링크, 리스트, 인용, 폼 입력 필드, 버튼, 테이블, 미디어 파일 삽입까지 웹 개발에 필수적인 HTML 태그들의 사용법과 주요 속성을 실전 예제와 함께 정리해보았습니다.