🧾 회의록1. 주제 생각 (진로 탐색/채용 연계 서비스)2. API 신청3. 팀노션 생성4. Figma 생성5. GitHub Repo 생성 📚 개발 위키1️⃣ pnpm 이란? 자바스크립트에서 가장 많이 사용되는 패키지 매니저 3가지가 있다.npmyarnpnpm이 중 이번 프로젝트에선 `pnpm`을 사용해보려한다. 🤔 pnpm이란?"Performant npm"의 약자로, Node.js 환경에서 패키지 관리를 위한 빠르고 효율적인 패키지 매니저이다. 🔍 그럼 왜 `npm`과 `yarn` 대신 `pnpm`을 사용할까? ✅ 훨씬 빠르고 가볍다.-> `pnpm`은 패키지를 중복으로 설치하지 않고, 링크(link) 해서 사용한다. 예를 들어, 같은 라이브러리를 `client`랑 `server`에서 쓰면`..

📆 시험 일정일시 : 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) 값을 넣을때엔 반드시 중괄호를 사용해야한다...

📆 시험 일정일시 : 2025. 03. 05범위 : 백엔드의 이해, CX 디자인방식 : 총 20문제 4지 택일형 객관식 (50분 제한)수료 기준 : 60점 이상 수료 📝 시험 문제1. 색의 역할로 적절하지 않은 것을 고르시오. (1) 브랜드 아이덴티티 각인(2) 마케팅 관점에서 클릭을 유도(3) 방향을 제시(4) 메인 기능 소개더보기정답 | (4) 메인 기능 소개 2. UI 내에서 가장 메인으로 사용되는 색상으로 화면 내 클릭을 유도하는 버튼에 많이 사용되는 색의 분류가 무엇인지 고르시오. (1) Secondary Color(2) Neurals(3) Primary Color(4) Semantic Color더보기정답 | (3) Primary Color 3. 피그마의 기능 중 화..

📆 시험 일정일시 : 2025. 02. 25범위 : 알고리즘방식 : 총 20문제 4지 택일형 객관식 (50분 제한)수료 기준 : 60점 이상 수료 📝 시험 문제1. 다음 중 알고리즘의 시간 복잡도인 빅오(Big-O) 표기법에 대한 설명이 옳은 것을 고르시오. (1) 빅오(Big-O) 표기법은 프로그램의 평균 수행 시간을 표현한다.(2) O(1) : 입력 크기 N에 관계없이 일정한 시간이 소요된다.(3) O(N^2) : 입력 크기 N에 비례하여 시간이 증가한다.(4) O(N!) : 입력 크기 N의 제곱에 비례하여 시간이 증가한다.더보기정답 | (2) O(1) : 입력 크기 N에 관계없이 일정한 시간이 소요된다. 2. 다음 보기는 스택 또는 큐에 대한 일상생활의 예시입니다. 스택을 연상시키는..

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

💡 무엇을 배울까1. React 개발을 위한 VS Code 설정2. 파일 구조3. 프로젝트 전체 동작 흐름4. OpenWeatherMap API 가져오는 방법5. WeatherPage에서 화면에 날씨 정보 표시하기 📖 수업 내용1️⃣ React 개발을 위한 VS Code 설정프로젝트를 시작하기 앞서 먼저 VS Code를 설정하자.VSCode 설정 참고 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 debugging modern web..