본문 바로가기

분류 전체보기143

내일배움캠프 팀소개페이지 프로젝트 KPT 회고 / 2023-10-11 본 캠프 5일차 / 24일차 TIL 내일배움캠프 팀소개페이지 프로젝트 KPT 회고 1. 프로젝트 정보 프로젝트 명 : 내일배움캠프 4조 팀 소개 페이지 프로젝트 기간 : '23.09.25. ~ '23.10.11. (추석연휴 6일 제외 12일) 팀원 : 김명섭(팀장), 시병택, 김진현, 천민규 Git Repository : https://github.com/kms99/IntroduceTeam Team Notion : https://www.notion.so/4-59d7cc50d7d34d18aff4228d1a2dd5b3 Project Demo : https://introduce-team.vercel.app/ Project Demo Video : https://www.youtube.com/watch?v=iDYu2VrCZTU&feature=yout.. 2023. 10. 12.
2023-10-10 본 캠프 4일차 / 23일차 TIL 2023-10-10 본 캠프 4일차 / 23일차 TIL 팀 프로젝트 : 팀소개 페이지 제작 진행사항 - 반응형 웹 구현 - ReadMe 작성 - 디테일 페이지 viewport 변경 변경전/후 예정사항 - 발표준비 유데미 강의 시청 : CSS 완벽 가이드 (Flexbox, Grid & Sass 포함) : 섹션7 배경 이미지와 이미지 이해하기 - background-size px : 해당 px의 단위만큼 이미지 너비 조정, 여백이 있다면 해당 여백에는 반복하여 이미지가 보여진다. px px : width 값, height 값 모두 설정.(강제, 비율고려 x) cover : 컨테이너의 너비 또는 높이 중 이미지를 고려하여 자동 정렬하여 배치, 컨테이너를 언제나 여백없이 채워줌 (권장) contain : 컨테이.. 2023. 10. 11.
2023-10-09 22일차 TIL 2023-10-09 22일차 TIL CSS 완벽 가이드 (Flexbox, Grid & Sass 포함) : 섹션6 CSS로 요소 배치하기 position 프로퍼티 - position : static 기본값, 위치를 조정하는 top,right,bottom,left 프로퍼티 사용불가 - position : absolute 해당요소가 차지하던 자리를 해제하고, 위치는 해당위치에 고정. (position으로 정의된 부모요소 또는 html을 기준으로함) - position : relative 기본적으로 static 처럼 구조를 무시하진 않지만 본인 요소를 기준으로 위치조정가능. - position : fixed 해당요소가 차지하던 자리를 해제하고, 스크롤을 해도 해당위치에 고정. (뷰포트를 기준으로함) - top,.. 2023. 10. 11.
2023-10-06 본 캠프 3일차 / 21일차 TIL 2023-10-06 본 캠프 3일차 / 21일차 TIL 팀 프로젝트 : 팀소개 페이지 제작 진행사항 - Vercel 웹 배포 완료 Document introduce-team-37xtotomu-kim-myungsubs-projects.vercel.app * Vercel 웹 배포시 Api 호출이 되지 않는 문제 발생 로컬에서 실행 할 때는 문제가 없지만, 웹 배포시 https 로 배포가 되지만 미세먼지 Api의 url은 http이기 때문에 보안상 문제 발생. (사전캠프 때 학습한 스파르타코딩클럽 웹 종합 강의의 API 사용) secure로 배포된 url이 없기 때문에 meta tag를 이용하여 secure를 동기화 시켜도 호출 불가능. 해당 문제는 백엔드 서버 쪽에서 secure를 적용한 url을 배포하는 .. 2023. 10. 8.
2023-10-05 본 캠프 2일차 / 20일차 TIL 2023-10-05 본 캠프 2일차 / 20일차 TIL 팀 프로젝트 : 팀 소개 페이지 제작 진행사항 - firestorage 로컬이미지 추가, 불러오기 // Firebase 라이브러리 import import {initializeApp} from "https://www.gstatic.com/firebasejs/10.3.1/firebase-app.js"; // FireStorage 라이브러리 import import {getDownloadURL, getStorage, ref, uploadBytes} from "https://www.gstatic.com/firebasejs/10.3.1/firebase-storage.js"; // firebase 인스턴스 초기화 const firebaseConfig = { .. 2023. 10. 6.
2023-10-04 본 캠프 1일차 / 19일차 TIL 2023-10-04 본 캠프 19일차 TIL 팀 프로젝트 : 팀 소개 페이지 제작 - S/A (Starting Assignments) 작성 https://teamsparta.notion.site/B-4-4-S-A-fd999045b26240d28654940c9c935783 B-4 불4조 S.A. S.A. 내용 teamsparta.notion.site - 와이어 프레임 개선 - 메인페이지 구조 합치기 - 포스팅박스 이용 카드 생성 (firestore get) - 디테일 페이지로 qurey string으로 id 값 넘기기 - 디테일 페이지 댓글 작성, 삭제, 불러오기 기능 (CRD) - 예정사항 1) firebase-storage를 이용한 사진 저장기능 2) 댓글 update 기능 추가 내배캠 깃&깃허브 특강.. 2023. 10. 5.

티스토리툴바