[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 10회차 과제 - 영화 소개 웹페이지 만들기
🎯 과제 요구사항 1. 팀원들과 함께 react를 사용하여 영화 소개 웹페이지 만들기 🔥 결과 https://github.com/udemy-team18/movie_app GitHub - udemy-team18/movie_app: 유데미 x 스나이퍼 팩토리 230626 영화 앱 구현 실습 저장소 유데미 x 스나이퍼 팩토리 230626 영화 앱 구현 실습 저장소. Contribute to udemy-team18/movie_app development by creating an account on GitHub. github.com 🔎 느낀 점 처음으로 팀원들과 함께 깃으로 코드를 공유하는 프로젝트의 경험을 쌓았다. 나는 api를 사용한 메인페이지 구현과 라우팅을 맡았다. 예전에 노마드코더에서 영화 앱 구현 강..
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 8회차 과제 - Vanilla JS를 이용한 서비스 만들기(2)
🎯 과제 요구사항 1. vanilla js로 할 일 목록 만들기 2. vanilla js로 내 위치의 날씨 만들기 🔥 결과 https://github.com/udemy-team18/practice/tree/yueun/0622 GitHub - udemy-team18/practice: 유데미 x 스나이퍼 팩토리 10주 완성 프로젝트 부트캠프 18팀 실습 저장소 유데미 x 스나이퍼 팩토리 10주 완성 프로젝트 부트캠프 18팀 실습 저장소. Contribute to udemy-team18/practice development by creating an account on GitHub. github.com 🔎 느낀 점 지난 과제에 이어서 같은 페이지에 todo list 기능과 내 위치 날씨 표시 기능을 추가했다...
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 7회차 과제 - Vanilla JS를 이용한 서비스 만들기(1)
🎯 과제 요구사항 1. vanilla js로 배경이미지 랜덤 변경 2. vanilla js로 인사 만들기 3. vanilla js로 시계 만들기 🔥 결과 https://github.com/udemy-team18/practice/tree/yueun/0620 GitHub - udemy-team18/practice: 유데미 x 스나이퍼 팩토리 10주 완성 프로젝트 부트캠프 18팀 실습 저장소 유데미 x 스나이퍼 팩토리 10주 완성 프로젝트 부트캠프 18팀 실습 저장소. Contribute to udemy-team18/practice development by creating an account on GitHub. github.com 🔎 느낀 점 랜덤 배경과 실시간 시계는 코드도 짧은 편이라 쉽게 구현했다. 이..
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 6회차 과제 - (구) 세이프홈즈 랜딩페이지 html, css 작성
🎯 과제 요구사항 (구) 세이프홈즈 랜딩페이지 html, css 작성 🔥 결과 https://github.com/udemy-team18/practice/tree/yueun/0616 GitHub - udemy-team18/practice: 유데미 x 스나이퍼 팩토리 10주 완성 프로젝트 부트캠프 18팀 실습 저장소 유데미 x 스나이퍼 팩토리 10주 완성 프로젝트 부트캠프 18팀 실습 저장소. Contribute to udemy-team18/practice development by creating an account on GitHub. github.com 🔎 느낀 점 지난시간에 CSS를 하루종일해서 그런지 (구) 세이프홈즈 랜딩페이지 css를 작성하는데 생각보다 오랜 시간이 걸리진 않았다. 100% 똑같지..
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 5회차 과제 - 내 프로필 만들기
🎯 과제 요구사항 내 프로필 만들기 (html, css, js) 🔥 결과 https://github.com/udemy-team18/practice/tree/yueun/0615 GitHub - udemy-team18/practice: 충돌 테스트 충돌 테스트. Contribute to udemy-team18/practice development by creating an account on GitHub. github.com 🔎 느낀 점 본격적인 포트폴리오를 만들기 전 맛보기로 간단한 프로필 페이지를 만들어봤다. 처음에 내 소개에 어떤 말을 넣어야 할 지 모르겠다는 생각이 들었다. 학생 때 자기소개는 이름, 학교, 학년 등을 말하는 것이 전부였지만.. 개발자로서의 나를 소개하려면 어떤 문장으로 나를 표현해야..
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 4회차 과제 - 구 세이프 홈즈 랜딩페이지 퍼블리싱(HTML)
🎯 과제 요구사항 (구)세이프홈즈 랜딩페이지 퍼블리싱(HTML) 하기 💻 수행 과정 1. 먼저 랜딩페이지의 구조를 살펴보고 다음과 같이 시맨틱 태그로 각 부분들을 나눠보았다. 크게 맨 위 header와 5개의 section, 맨 아래에 footer로 구분할 수 있으며 section안에는 여러개의 article들이 있다고 볼 수 있겠다. 2. 이후 emmet 문법을 사용하여 빠르게 elements를 생성했다. emmet 문법을 사용해 입력하면 필요한 elements를 한 번에 생성할 수 있어 시간 단축이 된다. header+section+section>article*3^section>article*3^section4>article*2^section+footer 3. 세부적인 elements와 내용들을 추가..
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 2회차 과제 - Activity 다이어그램 제작
📝 개념 정리 활동(Activity) 다이어그램 활동 다이어그램은 시스템의 실행과 행위의 흐름을 표현한다. 또한 업무영역이나 시스템 영역에서 다양하게 존재하는 각종 처리 로직이나 조건에 따른 처리흐름을 순서에따라 정의한 모델이라 볼 수 있다. 비즈니스 프로세스 또는 작업에서 이용하는 고객의 흐름을 표현하는데 적합하다. 🎯 과제 요구사항 1. 새로운 다이어그램 만들기 2. 관계 기술하기 3. 시작점과 끝점의 흐름 잡기 🔥 결과 🔎 느낀 점 먼저 다이어그램을 종이에 그려서 전체적인 틀을 잡은 후 draw.io를 사용해 내가 그린 것을 보면서 만들었다. 그런데 이 툴이 아직 익숙하지 않아서 그런지 생각보다 시간이 오래 걸렸다. 좀 더 빠르게 다이어그램을 그릴 수 있는 툴이 있었으면 좋겠다. 수업에서 활동 다이..