본문 바로가기
반응형

react입문3

React의 핵심, props vs state: 언제, 왜, 어떻게 사용할까? ⚛️ React의 핵심, props vs state: 언제, 왜, 어떻게 사용할까?React를 조금만 공부해 보면 반드시 마주치는 개념 두 가지가 있어요.props와 state이 둘은 컴포넌트 사이의 데이터 흐름과 내부 상태 관리를 다루는 핵심 개념입니다.처음엔 비슷하게 느껴질 수 있지만, 역할과 사용 시점이 완전히 다르기 때문에 정확하게 구분해서 이해하는 것이 중요해요.📦 props란 무엇인가요?props(프로퍼티)는 부모 컴포넌트가 자식 컴포넌트에게 전달하는 읽기 전용(Read-only) 데이터입니다.즉, 컴포넌트 간 데이터 전달용 통로 역할을 하죠.✅ 예시// 부모 컴포넌트function Welcome() { return ;}// 자식 컴포넌트function Greeting(props) { r.. 2025. 4. 4.
프론트엔드 개발자 로드맵: 입문부터 실무까지 단계별 정리 🚀 프론트엔드 개발자 로드맵: 처음부터 하나씩 따라가는 가이드프론트엔드 개발을 막 시작하려는 분들이 가장 자주 묻는 질문 중 하나는 바로 이것입니다.“무엇부터 배우면 되나요?”프론트엔드는 배워야 할 기술도 많고 용어도 어려워 보여서 막막하게 느껴질 수 있어요. 하지만 하나하나 차근히 익히면 누구든 충분히 따라갈 수 있습니다. 이 글에서는 입문자 눈높이에 맞춘 단계별 로드맵을 안내할게요.📌 STEP 1. 웹의 기초 – HTML, CSS, JavaScript모든 웹사이트의 기반은 HTML과 CSS, 그리고 JavaScript입니다.HTML: 웹페이지의 구조 (뼈대)를 만듭니다.CSS: HTML에 디자인을 입힙니다 (색상, 글씨 크기, 레이아웃 등).JavaScript: 동작을 만들어줍니다 (버튼 클릭, .. 2025. 4. 4.
코딩을 배워보고 싶은데, 프론트엔드가 뭐지? 💻 프론트엔드 개발자란? 커리어 시작을 위한 가이드“코딩을 배워보고 싶은데, 프론트엔드가 뭐지?”“웹사이트를 만든다는 건 대체 어떤 일이야?”프론트엔드 개발자는 웹사이트나 웹 애플리케이션의 '겉모습'을 만드는 개발자입니다. 우리가 접하는 화면, 버튼, 반응하는 인터페이스를 개발하죠. 입문자에게는 디자이너와 개발자의 중간 느낌이 들 수 있어요. 하지만 프론트엔드도 엄연히 ‘개발’입니다. 그렇다면 이 직무는 정확히 무엇을 하는 걸까요?🔍 프론트엔드 vs 백엔드 – 무슨 차이일까?구분프론트엔드백엔드사용자 인터페이스(UI)✅❌서버/데이터 처리❌✅주 사용 언어HTML, CSS, JavaScriptPython, Node.js, Java 등프레임워크React, Vue, Svelte 등Express, Spring .. 2025. 4. 4.
반응형

티스토리툴바