본문 바로가기

Today I Learned(TIL)/스파르타 내일배움캠프56

미니 프로젝트_Day 4 하루 요약오늘은 본캠프 4일차!! 내일이면 드디어 미니 프로젝트의 최종 발표다..프로젝트를 진행하는 동안 Github, HTML, CSS, Javascript.... 그리고 협업을 제대로 경험할 수 있었던 것 같다!우리가 계획했던 것보다 더 멋진 결과물로 나온 것 같아서 뿌듯했다.오늘은 두 가지 에러를 해결했는데,첫 번째로 해결한 에러는 openAPI를 이용해서 날씨 예보를 불러오지 못하는 점을 해결했다.Mixed Content: The page at 'https://hajoo0322.github.io/1week-project/' was loaded over HTTPS, but requested an insecure resource 'http://apis.data.go.kr/1360000/VilageFc.. 2024. 11. 8.

미니 프로젝트_Day 3 하루 요약본캠프 3일 차!!! 미니 프로젝트가 거의 완성이 되었다 😎😎😎😎😎 뭔가 많은 기능들을 구현했고 페이지를 추가했더니 시간이 아주 빨리 흘러간 하루였다!!제일 먼저 추가한 기능은 로그인 성공 알림과 함께 메인 페이지로 이동하는 기능이었다.alert('로그인되셨습니다!');window.location.href = "main.html";단 두줄만 추가했는데 기능이 완벽하게 돌아갔다 😮😮 그다음은 가장 중요했던 개인 페이지를 만들었다!!팀원분들이 만들어준 뼈대에 나의 내용들로 채우면 됐는데 하나하나 채우다 보니 꾸미는 것에 욕심이 생겨서 사진도 넣고 색깔도 이쁘게 바꾸게 되었다. Welcome, everyone! .FirstBox { background-ima.. 2024. 11. 7.

미니 프로젝트_Day 2 하루 요약오늘은 본캠프 2일 차... 어제 진행하던 프로젝트를 계속 진행하였다.내가 담당했던 멤버 카드, 방명록 파트를 오전에 다 해결하고 팀원분과 메인 페이지를 합쳤다!!팀원분이 작성한 코드와 내가 작성한 코드를 모두 합친 후, 나는 현재 시간과 방명록을 데이터베이스와 연결하는 부분을 추가적으로 담당하기로 했다.점심을 맛있게 먹고 난 후, 현재 시간을 나타내주는 Javascript 코드를 작성하고 페이지에 문제없이 표시되는 것을 확인할 수 있었다. // 시간 불러오는 기능function updateTime() { const timeElement = document.getElementById("time"); const now = new Date(); // 시간을 형식에 맞게 가져오기.. 2024. 11. 5.

본캠프 시작😎😎😎 + 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.

이전 1 ··· 5 6 7 8 9 10 다음

티스토리툴바