profile
백엔드 개발자에서 프론드엔드 개발자로

백엔드에서 프론트엔드로, 새로운 도전과 성장의 여정

2024년 개발자 회고록 2024년은 제게 있어 개발자로서의 새로운 길을 열었던 한 해였습니다. 백엔드 개발자로 시작했던 제가 프론트엔드 개발로 전향하며 겪었던 어려움, 배움, 그리고 성장을 돌아보며 이 글을 통해 제 경험을 공유하고자 합니다. 백엔드에서 프론트엔드로 전향: 익숙함을 떠나는 용기 백엔드 개발자로서의 경력은 저에게 큰 자신감을 심어주었습니...

2024년 12월 31일
·
0개의 댓글
·
post-thumbnail

React Hook

React Hook의 기본 동작 원리 기본 react hook동작원리 코드 1. useState는 클로저(Closure)를 활용하여 상태를 관리합니다. ex ) > 2. 클로저(Closure)를 활용하여 만든 useState 구현 코드 먼저 카운터 컴포넌트를 정의합

2024년 12월 1일
·
0개의 댓글
·
post-thumbnail

Git Branch 전략

2024년 11월 28일
·
0개의 댓글
·
post-thumbnail

Git 이란?

Git : 분산 버전 관리 시스템(DVCS, Distributed Version Control System)이며, 소스 코드의 변경 이력을 관리하고 여러 사람이 협업할 수 있도록 돕는 도구입니다.

2024년 11월 26일
·
0개의 댓글
·
post-thumbnail

React를 배우기 전 기본 상식

SPA (Single Page Application) 의미 : 하나의 HTML 페이지로 구성된 웹 애플리케이션. 클라이언트 측에서 페이지 전환을 처리. 특징 : 최초 로드 후 추가적인 페이지 요청 없이 동작. 빠른 사용자 경험. React, Vue, Angular로 구

2024년 11월 24일
·
0개의 댓글
·
post-thumbnail

React Lifecycle(리액트 생애주기 = 생명주기)

리액트 생명주기는 컴포넌트가 생성, 업데이트, 제거되는 과정을 나타냅니다. 이를 통해 컴포넌트의 특정 단계에서 작업을 수행할 수 있습니다.

2024년 11월 20일
·
0개의 댓글
·

JavaScript로 간단한 스톱워치 구현하기⏱️

안녕하세요! 간단하지만 유용한 JavaScript 실습을 진행해보겠습니다. GitHub에서 JavaScript 스톱워치 실습을 살펴보고, 주요 코드를 분석하며 어떻게 동작하는지 알아보겠습니다. 1. 목표 이 실습은 HTML, CSS, 그리고 JavaScript만을 사용하여 간단한 스톱워치를 구현한 예제입니다. 실습을 통해 다음을 배울 수 있습니다. Jav...

2024년 11월 18일
·
0개의 댓글
·
post-thumbnail

JavaScript로 간단한 QR 코드 생성기 만들기 (goqr.me API 활용)

이번 포스팅에서는 자바스크립트와 goqr.me API를 활용해 간단한 QR 코드 생성기를 만들어보는 실습을 소개합니다. QR 코드는 일상생활에서 많이 접할 수 있는 2차원 바코드 형태로, 손쉽게 정보를 전달할 수 있는 장점이 있습니다. 이 프로젝트를 통해 QR 코드가

2024년 11월 5일
·
0개의 댓글
·
post-thumbnail

JavaScript 기초 실습 : Counter 기능 구현하기

JavaScript 학습의 기본기를 다지기 위해 js-counter-basics 프로젝트를 진행하였습니다. 이번 글에서는 HTML, CSS, JavaScript의 연동을 통해 간단한 카운터 기능을 구현한 과정과 배운 점을 공유하고자 합니다.

2024년 11월 3일
·
0개의 댓글
·
post-thumbnail

2024 유스콘

유쾌한 스프링방에서 탄생한 유스콘은 젊은 개발자와 선배 개발자가 함께 가치 있는 기술에 관한 정보와 경험을 공유하는 콘퍼런스, 발표자들은 가까운 미래에 “DEVIEW, if(kakao), 우아콘, SPRINGCAMP, 인프콘의 주인공이 될 개발자”라고 이야기 한다.

2024년 10월 31일
·
0개의 댓글
·