728x90
HOT
-
Date Picker Library 비교 분석 Date Picker Library 비교 분석 들어가며... 프로젝트에서 장소 예약을 위해 날짜와 시간을 선택할 수 있도록 하는 기능을 개발하게 되었습니다. 이 부분을 더 효율적으로 개발하기 위해 라이브러리를 사용하기로 했고, 여러 후보군 중 프로젝트에 가장 적합한 라이브러리가 무엇인지 비교해보고 결정하기로 했습니다. 이번에 라이브러리들을 찾아 비교해보면서 느낀 것은 각각의 라이브러리들 모두 기본적으로 필요한 기능들을 갖추고 있으며 대체로 비슷한 수준이었습니다. 따라서 구현하고자 하는 기능에 따라 적합하다의 기준이 달라질 수 있습니다. 아래의 내용들은 주관적인 견해임을 감안해 참고만 하시기를 바랍니다. 구현하고자 하는 기능 날짜 선택 특정 범위 한정으로 날짜 선택 제한 시간 선택 예약 가능 시간에 한하여.. -
React /part.3 상수 데이터 상수 데이터 이번 글에서는 상수 데이터에 대한 개념과 활용법에 대해 다룹니다. 리액트를 효과적으로 사용하기 위해서는 반복되는 UI를 하드코딩이 아닌 좀더 효율적인 방법으로 구현해야합니다. 그러기 위해서는 데이터 구조, map()사용에 익숙해지는게 중요합니다. 이를 통해 되도록 반복되는 작업들을 줄이고, 코드의 간결성을 유지하면 추후 유지보수를 할 때에도 훨씬 편리합니다. 1. 상수 데이터란? 상수 데이터란 이름 그대로 변하지 않는 정적인 데이터를 말한다. UI 구성에 필요하지만 동적으로 변하지 않아서 백엔드 API들을 통해 가져올 필요가 없는 데이터들을 상수 데이터로 만든다. 2. 상수 데이터를 사용하는 이유 UI를 하드코딩으로 만들어두면 코드가 길어져 가독성이 떨어진다. ⇒ 유지보수의 어려움 상수 데이..
-
2025 React 19 주요 기능 완전 정복 — Server Components부터 Actions API까지 React 19 주요 기능 완전 정복 (2025)React 19는 성능과 DX(Developer Experience)를 한 단계 끌어올리는 대규모 업데이트입니다. 이 글에서는 새롭게 추가된 React Compiler, Actions API, Server Components 지원 강화 등 핵심 변화를 살펴보고, 실무에서 바로 써먹을 수 있는 마이그레이션 가이드를 제공합니다.개요Actions APIReact CompilerServer ComponentsuseOptimistic업그레이드 전략마무리React 19, 무엇이 달라졌나?React 19(현재 19.1.0)는 “성능 최적화 자동화”와 “보일러플레이트 최소화”를 목표로 출시되었습니다. Actions API로 폼/데이터 처리를 간소화하고, 서버 컴포넌트가 .. -
[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..
what's new?
- 2025년 AI 트렌드 6가지 – 지금 바로 챙겨야 할 핵심 키워드 2025년 AI 트렌드 6가지 – 지금 바로 챙겨야 할 핵심 키워드2025년은 인공지능이 ‘연구실의 기술’에서 ‘현장의 필수 역량’으로 완전히 자리 잡는 전환점이다. 거대 모델 경쟁은 성숙 단계에 접어들었고, 기업은 구체적 ROI와 규제 대응을 동시에 요구받고 있다. 아래 6가지 트렌드를 통해 시장과 기술의 변곡점을 짚어보자.목차에이전틱 AI로 진화하는 업무 자동화멀티모달 생성형 AI의 대중화테스트타임 스케일링과 고난도 추론엣지로 내려가는 AI: 특화 칩 전쟁합성 데이터의 폭발적 확산AI 규제 시대: EU AI Act 본격 시행1. 에이전틱 AI로 진화하는 업무 자동화“에이전트(Agentic) AI”는 사용자의 지시 없이도 목표 수립 → 계획 → 실행 → 모니터링을 스스로 순환하며 업무를 완결짓는 자율형.. 2025.07.23
- 바이브 코딩(Vibe Coding)이란? 바이브 코딩(Vibe Coding)이란?바이브 코딩은 AI에게 자연어로 원하는 기능을 말하면 AI가 코드를 작성하고, 개발자는 결과를 확인한 후 수정 요청을 반복하며 완성하는 대화형 협업 코딩 방식입니다.1. 왜 필요한가?전통적인 코딩은 기능 하나 구현하더라도 코드 작성, 구조 설계, 디버깅 등 수많은 단계를 거쳐야 합니다. 이러한 과정이 반복될수록 개발 속도는 느려지고, 피로감은 커지기 마련입니다.바이브 코딩2. 무엇인가?이 개념은 2025년 초, 오픈AI 공동 창업자 Andrej Karpathy가 “코드가 존재하지 않는 것처럼 흐름 중심으로 코딩한다”라고 소개하면서 화제가 되었습니다.즉, 개발자가 “로그인 폼 만들어줘”라고 말하면 AI가 코드를 생성합니다. 이후 개발자는 결과를 확인하고, “버튼 색상.. 2025.07.23
- 타입스크립트 기본 문법 정리: 개발 생산성을 높이는 핵심! 안녕하세요! 프론트엔드 개발자라면 이제 선택이 아닌 필수가 되어버린 타입스크립트. 자바스크립트의 유연함에 타입의 안정성을 더해주는 타입스크립트의 기본 문법을 핵심만 콕 집어 정리해 보았습니다.1. 왜 타입스크립트를 사용해야 할까요?타입스크립트는 자바스크립트의 슈퍼셋(Superset) 언어로, 자바스크립트 코드에 타입을 추가하여 개발 단계에서 오류를 미리 발견하고 코드의 가독성을 높여줍니다. 특히 대규모 프로젝트나 여러 개발자와 협업할 때 그 진가가 발휘됩니다.오류 조기 발견: 런타임 오류를 빌드 타임에 잡아낼 수 있습니다.코드 가독성 및 유지보수성 향상: 변수와 함수의 의도를 명확히 파악할 수 있습니다.개발 생산성 증대: IDE의 강력한 자동 완성 및 리팩토링 지원을 받을 수 있습니다.2. 타입스크립트 .. 2025.07.22
- 리액트 훅 (React Hooks) 심층 설명 리액트 훅 심층 설명리액트 훅(React Hooks)은 리액트 16.8 버전에서 도입된 기능으로, 함수 컴포넌트에서도 상태 관리 및 생명주기 관련 기능을 사용할 수 있게 해주는 특별한 함수들입니다. 훅의 등장으로 함수 컴포넌트가 리액트 개발의 표준으로 자리 잡았으며, 실무에서 효율적인 컴포넌트 작성을 위해 훅에 대한 깊은 이해가 필수적입니다.1. useState: 함수 컴포넌트의 상태 관리useState는 함수 컴포넌트 내에서 상태(state)를 선언하고 관리할 수 있게 해주는 가장 기본적인 훅입니다.목적: 컴포넌트 내부에서 변경될 수 있는 데이터를 정의하고, 이 데이터가 변경될 때 컴포넌트가 자동으로 다시 렌더링되도록 합니다.사용법:import React, { useState } from 'react'.. 2025.07.22
- 2025 React 19 주요 기능 완전 정복 — Server Components부터 Actions API까지 React 19 주요 기능 완전 정복 (2025)React 19는 성능과 DX(Developer Experience)를 한 단계 끌어올리는 대규모 업데이트입니다. 이 글에서는 새롭게 추가된 React Compiler, Actions API, Server Components 지원 강화 등 핵심 변화를 살펴보고, 실무에서 바로 써먹을 수 있는 마이그레이션 가이드를 제공합니다.개요Actions APIReact CompilerServer ComponentsuseOptimistic업그레이드 전략마무리React 19, 무엇이 달라졌나?React 19(현재 19.1.0)는 “성능 최적화 자동화”와 “보일러플레이트 최소화”를 목표로 출시되었습니다. Actions API로 폼/데이터 처리를 간소화하고, 서버 컴포넌트가 .. 2025.07.21
- 비전공자 프론트엔드 개발자 취준 회고 | 1년만에 다시 돌아온 회고록 안녕하세요! 작년 8월에쓴 회고록을 끝으로 1년 만에 돌아온 크리스탈입니다~작년 12월을 끝으로 블로그에 따로 글을 올리지 않았는데도 많은 분들이 찾아주셔서 놀랐습니당열심히 써둔 글들이 다른분들께 도움이 되고 있는 것 같아 기쁘네요.마지막 회고록에서 소식이 끊겨 근황을 궁금해 하시는 분들도 계셨는데용이제야 조금 여유가 생겨서 근황을 들고 왔습니당 가장 궁금해 하실 결과부터 말씀드리자면~저는 현재 판교에서 개발자로 일하고 있구용이제 따끈따끈한 3개월차가 되었습니당 헤헤(쏘리쥘러~!!!!!!@!@@!@) 작년 연말 취준을 하면서 여러가지로 일이 많아 블로그를 잠시 멈췄는데요올초까지 계속 취준하면서 바쁘게 지내느라 글을 써두고도 올리지 못했네용취준하는 동안 정리해뒀던 면접 질문 정리본과 면접썰? 같은것 두 .. 2024.06.30
728x90