본문 바로가기

✏️ Today I Learned(TIL)/🌱 스파르타 내일배움캠프71

본캠프 시작😎😎😎 + Git, Github 하루 요약드디어 오늘부터 스파르타 내일배움캠프 Spring 트랙이 시작되었다!!아침 9시부터 오후 9시까지 쭉 이어지는... 12시간 공부라는 것을 마주하게 되었는데 오전에 본캠프에 대한 OT를 듣고 나니까 오전이 삭제되어 있었다.. 😮😮OT에서는 주의 사항, 훈련장려금 등등 필요한 내용에 대해서 담당 매니저님께서 설명을 해주셨고, 곧바로 이어서 Chapter 1. 미니프로젝트의 진행에 대해 자세하게 알려주셨다.본캠프 첫 주부터 프로젝트라고 해서 겁을 먹었는데 다행히 내가 사전 캠프동안 배웠던 웹 종합 개발 강의를 토대로 웹 페이지를 만들어서 금요일에 발표하는 프로젝트였다. 새로 만난 팀원들과 간단하게 자기소개를 하고 프로젝트를 시작하기 앞서 S.A라는 것을 작성했다.간단하게 말하면 프로젝트 계획서의.. 2024. 11. 4.

4조 S.A 팀팀명 : 래프트(FROM GARBAGE) 팀 소개 : 우리는 바닥부터 시작했지만… 주위에 모든 걸 긁어모아 살아남겠다~! 프로젝트 프로젝트명 : 팀 소개 웹페이지 프로젝트 소개 : 우리 팀, 우리만의 이야기를 담을 수 있는 ”팀 소개 웹페이지” 개발 일정11 / 4메인 페이지와이어 프레임 참고해서 뼈대(HTML) 만들기전체적인 틀 보일 수 있게 살(CSS) 적당히 꾸미기 멤버 소개 페이지HTML 만들기환영 인사사진 및 소개캐릭터 및 취미경험 및 목표댓글연락처11 / 5메인 페이지 멤버 카드 추가 폼 생성 (+ 버튼을 통한 toggle 기능 추가)방명록 작성 폼 생성 (+ 버튼을 통한 toggle 기능 추가)방명록 삭제 버튼 생성 (+ 버튼 눌렀을 때 데이터 삭제 기능 추가) 멤버 소개 페이지CSS.. 2024. 11. 4.

웹 개발 종합_5주차 웹 개발 5주차에 배운 내용스파르타플릭스스파르타플릭스 프로젝트를 이용해서 데이터를 Firestore Database에 넣고 다시 가져오는 내용을 복습했다 🤨🤨 Firebase 연동 기본 세팅먼저 Firebase 연동을 위한 기본 세팅 코드를 입력해주었다!// Firebase SDK 라이브러리 가져오기import { initializeApp } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js";import { getFirestore } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";import { collection, addDoc } from "https:/.. 2024. 11. 1.

웹 개발 종합_4주차 웹 개발 4주 차에 배운 내용Firebase4주차에는 Firebase라는 구글(Google)이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼에 대해서 배웠다!😃Firebase는 개발자들이 백엔드 인프라를 구축하거나 관리하는 복잡한 작업 없이 핵심 기능에 집중할 수 있도록 도와준다.우선 Firebase 사이트에 접속해서 로그인을 해주었다.구글(Google) 로그인을 완료한 후 콘솔로 이동했고 프로젝트(Sparta)를 만들어주었다!!프로젝트가 생성되고 나서는 웹으로 선택하여 진행하였고 앱 닉네임에 spartaProject를 적고 앱 등록을 실행했다.데이터베이스Firebase를 사용하기 전에 먼저 데이터베이스의 개념을 익히는 시간을 가졌다.데이터베이스 : 데이터를 저장하고 여러 사람들이 관리하는 데이터의 모.. 2024. 10. 31.

웹 개발 종합_3주차 웹 개발 3주 차에 배운 내용Jquery + fetch2주 차에 JQuery를 맛보기 했었는데 3주 차에는 배운 JQuery를 프로젝트에 적용해 봤다!fetch라는 새로운 개념도 등장하였고, 마지막 숙제로 배운 내용을 바탕으로 페이지 예시 사진을 보며 직접 페이지를 작성하는 것도 경험했다😎추억앨범 - JQuery 적용하기!전에 만들었던 추억앨범의 PostBox를 버튼을 통해 열고 닫는 기능을 추가했다!!function openClose() { $('#postingbox').toggle(); //display 값이 none으로 바뀌면서 안보이게 되는 원리이다. } 나만의 추억앨범 현재 서울의 미세먼지 : 나쁨 추억 저장하기 앨범 이미지 .. 2024. 10. 30.

웹 개발 종합_2주차 스파르타플릭스_프로젝트환경 세팅sparta 폴더 안에 spartaflix 폴더를 만든다!spartaflix 안에 index.html을 만든 후 아래의 템플릿을 넣는다! 페이지 상단 만들기다음과 같은 페이지를 만들 예정이다!남이 만들어 둔 것을 쓸 때는 잘 찾아다가 조금씩만 고쳐서 쓰는 것이 답이다 😎Bootstrap 사이트에서 Jumbotron 검색 후 추가하기구글 폰트 적용하기Bootstrap 사이트에서 Headers 찾아서 추가하기위의 과정을 거치면 스파르타플릭스의 상단 부분이 완성된다!카드 추가하기Bootstrap 사이트에서 Cards 검색 후 추가하기포스터 이미지 넣고, 개수 조절하기카드 내용 변경 후 별점 추가하기영화 제목, 영화 코멘트 변경영화 제목, 영화 코멘트 사이에 태그를 활용하여 .. 2024. 10. 29.

이전 1 ··· 8 9 10 11 12 다음

티스토리툴바