📆 시험 일정일시 : 2025. 05. 02범위 : React, 웹시큐리티방식 : 총 20문제 4지 택일형 객관식 (50분 제한)수료 기준 : 60점 이상 수료 📝 시험 문제1. 자바스크립트와 XML/HTML을 함께 사용할 수 있는 자바스크립트의 확장문법을 의미하는 단어를 고르시오. (1) AJAX(2) JSP(3) JSX(4) JXS더보기정답 | (3) JSX 2. props에 대한 설명 중 틀린 것을 고르시오. (1) 컴포넌트에 전달할 다양한 정보를 담고 있는 자바스크립트 객체이다.(2) 읽기 전용이다.(3) JSX에서 사용할 경우 키-값 쌍 형태로 넣어준다.(4) 값을 넣을때엔 반드시 중괄호를 사용해야한다.더보기정답 | (4) 값을 넣을때엔 반드시 중괄호를 사용해야한다...

🔍 TanStack Query란?TanStack Query는 리액트(React)에서 서버로부터 데이터를 가져오고,이를 효율적으로 캐싱하고 동기화하며 로딩/에러 상태까지 관리할 수 있는 라이브러리이다. 원래는 React Query라는 이름으로 시작했으며 현재는 TanStack이라는 오픈소스 조직의 일부로 발전하면서다양한 프레임워크(Vue, Svelte, Solid 등)에서도 사용 가능한 범용 라이브러리로 성장했다. TanStack Query는 클라이언트 상태 관리 도구(Redux, Recoil 등)와는 다르게,서버 데이터에 특화되어 있다. 🤔 React Query와 TanStack Query의 관계는? 처음에는 React Query라는 이름으로 널리 사용되어있지만,이후 개발 범위가 React를 넘어 ..

💡 무엇을 배울까1. 쇼핑몰 프로젝트 구조2. 프로젝트 초기 설정3. src 폴더 구조대로 파일 생성4. 본격적인 코드 작성 📖 수업 내용1️⃣ 쇼핑몰 프로젝트 `src`폴더 구조src/├── assets/│ ├── logo.svg├── components/ 2️⃣ 프로젝트 초기 설정React 개발을 위한 VS Code 설정은 아래 블로그에 작성해 두었다. (참고하자) React 개발을 위한 VS Code 설정⚙ VS Code 설정1️⃣ VS Code 설치 Visual Studio Code - Code Editing. RedefinedVisual Studio Code redefines AI-powered coding with GitHub Copilot for building and debugg..

⚙ VS Code 설정1️⃣ VS Code 설치 Visual Studio Code - Code Editing. RedefinedVisual Studio Code redefines AI-powered coding with GitHub Copilot for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.code.visualstudio.com👉 VS Code 공식 웹사이트에서 본인 운영체제에 맞는 버전을 다운로드하면 된다. 2️⃣ 필수 확장 프로그램 설치VS Code를 열고 왼쪽 사이..

🔍 useState란?`useState`는컴포넌트에 state 변수를 추가할 수 있는 React Hook React 컴포넌트는 기본적으로 "입력(props)을 받아서 화면(UI)을 출력"하는 함수인데,화면을 바꾸려면 내부에서 기억하고 있는 값. 즉, 상태(state)가 필요하다. 예를 들어,버튼을 눌렀을 때 숫자가 1씩 올라가는 UI를 만들려면,그 숫자를 기억하는 저장공간이 필요하다.그 저장공간이 바로 👉 '상태(state)' 그리고 이 상태를 다룰 수 있게 해주는 게 👉 'useState' ⚛️ 기본 사용법const [상태, 상태변경함수] = useState(초기값);const [state, setState] = useState(initialValue);`state` : 현재 상태의 값 (읽기용)..

💡 무엇을 배울까0. 수업 들어가기 전1. Figma to Code React (HTML / CSS) 📖 수업 내용0️⃣ 수업 들어가기 전오늘은 유승규 강사님께서 강의해 주시는 마지막 시간이다 😢사용자 경험 디자인부터 리액트 3일 차까지이론을 시작으로 유용한 정보까지 모두 다 이해하기 쉽게 알려주셔서 너무 좋은 시간이었다.그래도 오늘이 끝이 아니라 프로젝트 시작 전까지 보조강사님으로 지원해 주신다! 강사님께서 가르쳐주실 내용들이 어제 다 끝나서오전 시간에는 지금까지 배운 부분 복습해 주시고, Figma로 코드 변환하는 플러그인까지 알려주셨다!다음으로 오후 시간은 전부 자습시간이어서 스터디 노트 작성하고 곧 있을 정처기 실기 공부까지 했다. 1️⃣ Figma to Code React (HT..