본문 바로가기

분류 전체보기384

[DevCourse] 생성형 AI 활용 백엔드 데브코스 20일차 오늘도 팀 프로젝트 개발을 이어갔다.하루하루 조금씩 구조가 잡혀가고, 기능이 완성되어가는 걸 보면서 개발하는 재미가 점점 더 커지고 있다.📌 오늘 한 일오늘도 열심히 개발맡은 페이지를 계속해서 다듬고, UI와 기능을 연결하는 작업에 집중했다. json-server로 데이터 다뤄보기간단한 API 요청이 필요한 상황에서 json-server를 활용해 가상의 백엔드 환경을 만들어보고 데이터를 요청/저장해보는 실습을 했다.데이터 흐름이 실제처럼 동작하니까 구현에 대한 감이 더 잘 잡혔다. 페이지 연결 작업여러 컴포넌트를 연결하고, 라우팅을 통해페이지 간 이동이 자연스럽게 되도록 정리해봤다.🧡 느낀 점오늘은 기능 하나하나를 완성하는 것도 좋았지만, 데이터까지 연동되니까 ‘진짜 웹앱’을 만들고 있다는 실감이 더.. 2025. 4. 30.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 19일차 오늘도 팀 프로젝트를 이어서 진행했다.이제는 본격적으로 기능을 개발하는 단계에 들어서면서 각자 맡은 파트에 집중해 작업을 시작했다.개발도, 협업도 더 진지해진 하루였다.📌 오늘 한 일일정 추천 페이지 개발 시작내가 맡은 파트인 일정을 추천해 주는 페이지를 본격적으로 구현하기 시작했다.화면 구성을 나누고, 각 기능별로 컴포넌트를 쪼개며 개발에 들어갔다.캘린더 UI 구현사용자가 날짜를 선택할 수 있는 기능을 구현했고,선택된 날짜를 상태로 관리하면서 다른 컴포넌트와 연동하는 구조로 작성했다.토글 버튼 구현조건 선택이나 옵션 변경에 사용할 수 있는 토글 UI를 직접 만들고 적용해 보았다.Git 가이드 & 지원Git이 익숙하지 않은 팀원들이 많아서 브랜치 전략, 커밋 방법, 충돌 해결 등 기본적인 Git 사용법.. 2025. 4. 30.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 18일차 오늘도 팀 프로젝트 작업을 이어갔다.지난주에 정했던 아이디어를 바탕으로, 전체 흐름을 다시 정리하고 세부 작업에 들어가는 준비를 했다.이제 정말 본격적인 개발이 시작된다.📌 오늘 진행한 내용아이디어 구체화 및 방향 정리팀원들과 함께 전체 흐름을 다시 보면서세부적인 기능과 화면 전환 흐름에 대해 align을 맞췄다.처음 설정했던 아이디어를 현실적으로 구현 가능한 방향으로 조금 더 다듬었다.JSON 데이터 구조 확정실제 데이터를 어떻게 다룰지 구조를 설계했다.피그마로 와이어프레임 제작각 페이지와 화면 구성을 Figma로 그려보면서개발에 필요한 기본 뼈대를 시각적으로 확인했다.본격적인 개발 시작오늘부터 실제로 React를 이용해 프로젝트를 구현하기 시작했다.🧡 느낀 점오늘은 드디어 React로 프로젝트 개.. 2025. 4. 28.

📘 자바스크립트(JavaScript) 기본 다지기 - Part 2 함수, 객체/배열, DOM, this, 실행 컨텍스트 완전 정복 자바스크립트의 기본기를 더 탄탄하게 만들기 위해, 이번 글에서는 실무에서 자주 마주치는 핵심 주제들을 다뤄볼게요.함수의 선언 방식부터, 객체와 배열의 활용, DOM 조작, 그리고 많은 개발자가 처음에 헷갈려하는 this, 실행 컨텍스트까지 함께 정리해 보겠습니다.✅ 함수의 다양한 선언 방식자바스크립트에서 함수를 선언하는 방식은 크게 세 가지가 있어요.🔹 함수 선언식 (Function Declaration)function sayHello() { console.log("안녕하세요!");}sayHello(); // ✅ 선언 전에도 호출 가능선언 전에 호출해도 작동해요.자바스크립트 엔진이 실행 전에 함수 선언을 호이스팅(끌어올림) 하기 때문이에.. 2025. 4. 27.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 17일차 오늘부터는 그동안 배운 내용을 바탕으로 본격적인 팀 프로젝트를 진행하는 일정이 시작됐다.짧은 기간 안에 프론트엔드만 구현하는 프로젝트라 아쉬운 점도 있지만,그래서 오히려 더 집중해서 임해야겠다는 생각이 들었다.📌 오늘 한 일 정리프로젝트 아이디어 확정팀원들과 함께 아이디어를 논의하고 최종 주제를 선정했다.기획서, 요구사항 명세서, 기능 명세서, 와이어프레임 작성프로젝트 전체 흐름과 화면 구성을 정리하고, 필요한 기능과 요구사항을 문서화했다.역할 분담각자 맡을 부분을 정하고, 이 내용을 기능 명세서에 작성했다.🧪 내 담당 업무팀 페이지 제작WBS(Work Breakdown Structure) 제작기능 명세서 작성요구사항 명세서 작성프로젝트 및 Git 초기 세팅레포지토리 생성 및 기본 구조 세팅폴더 구조.. 2025. 4. 27.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 16일차 오늘은 React나 jQuery 같은 라이브러리를 사용하지 않고,Vanilla JS(기본 JavaScript)만으로 DOM을 조작하고 UI를 구현하는 실습을 중심으로 진행됐다.기본기가 탄탄해야 어떤 도구를 쓰든 흔들리지 않는다는 말처럼, 이번 실습들은 단순하지만 꽤 의미 있는 시간이었다.📌 오늘 배운 주요 개념 정리DOM 제어 기본 HTML 요소를 직접 조작하는 방식 익힘getElementById, addEventListener, textContent, classList 등을 활용해jQuery vs Vanilla JS 비교코드 길이의 차이와 명확성의 차이를 비교할 수 있었다같은 동작을 두 방식으로 구현해 보며,fetch API로 JSON 불러오기.then()과 .catch()를 통해 데이터를 비동기적으.. 2025. 4. 24.

이전 1 ··· 7 8 9 10 11 12 13 ··· 64 다음

티스토리툴바