본문 바로가기

devcourse47

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

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

[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.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 15일차 오늘은 처음으로 TypeScript(타입스크립트)를 접했다.그동안 자바스크립트로만 작업하면서 “타입이 없어서 편하다”는 생각도 있었지만,실제로 프로젝트 규모가 커질수록 코드의 구조를 명확히 표현할 수 있는 도구가 필요하다는 걸 오늘 실습을 통해 제대로 느꼈다.📌 오늘 배운 내용 요약1. TypeScript 개요와 기본 문법TypeScript는 JavaScript의 상위 집합(Superset)으로, 정적 타입을 추가해 코드의 안정성과 유지보수성을 높여준다.string, number, boolean 같은 기본 타입 선언 방식부터, "north" | "south"처럼 리터럴 타입, interface를 통한 객체 구조 정의, 함수 매개변수 및 반환값에 명확하게 타입을 지정하는 방식까지 실습했다.2. React.. 2025. 4. 23.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 14일차 오늘은 드디어 React로 외부 API를 불러오고, 실제 데이터를 화면에 출력해 보는 실습을 진행했다.뉴스 API를 연동해서 카테고리별 뉴스를 보여주는 뉴스 뷰어 페이지를 직접 만들면서,그동안 배워왔던 개념들이 어떻게 연결되는지를 실감할 수 있었다.📌 오늘 배운 주요 내용 정리1. 비동기 처리의 개념과 흐름setTimeout으로 구현된 콜백 패턴 → Promise → async/await 순으로 비동기 처리 방식의 흐름을 정리했다.async/await를 활용하면 복잡한 비동기 로직도 동기 코드처럼 읽히기 쉽게 작성할 수 있어, 실제로 써보니 정말 깔끔하다는 인상을 받았다.2. 뉴스 API 연동 실습axios를 이용해 뉴스 데이터를 비동기적으로 불러오고,카테고리 선택에 따라 데이터를 조건부로 출력하는 뉴.. 2025. 4. 22.

이전 1 ··· 3 4 5 6 7 8 다음

티스토리툴바