행복을 담는 블로그

웹개발 종합반 5주차 1. 코드 복습 🧐 ✔️ 데이터 추가 / 가져오기 주요 코드 복습 ${"id 값"}.click(async function () { 빈칸 } : 버튼의 id 값을 넣고, 버튼을 클릭하면 작동되는 함수 let doc = { 빈칸 }; : 카드에 넣어줄 데이터들/ 변수에 담기 ex) image, title, content, date 등 await addDoc(collecdtion(db, "collection 이름"), doc) : postbox에 입력한 값을 database에 넣기 let doc = await getDocs(collecdtion(db, "collection 이름")); : firestore database에서 데이터 가져오기 alert : 팝업창을 표시하여 사용자에게 메세..

웹개발 종합반 4주차 1. 프론트엔드 v.s. 백엔드 프론트엔드 (Frontend) : 우리 눈에 보이는 영역을 개발 / 웹 화면 ▶️ HTML, CSS, Javascript 백엔드 (BackEnd): 눈에 보이지 않는 영역 개발 / 데이터 저장 및 관리, 서버 관리 ▶️ 한 가지 언어에 집중 : 파이썬(python), Ruby, PHP, Java 2. Firebase 🔥 Firebase 란? : 구글(Google)이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼 개발자들이 백엔드 인프라를 구축하거나 관리하는 복잡한 작업 없이 핵심 기능에 집중할 수 있도록 도와주는 역할을 한다. ▶️ 쉽게 말하자면, 웹 서비스를 대신 만들어 주는 서비스! 장점👍 : 클라우드 환경에서 개발자들을 도와주는 도구들이 많이 발..

웹개발 종합반 3주차 ▶️ 오늘 학습 할 내용 🙋‍♀️JQuery & Fetch 에 대해서 알아보자! JQuery : Javescript를 조금 더 쉽게 조작할 수 있는, 즉, 남들이 만든 코드 모음, 라이브러리 Fetch : 인터넷을 통해서 데이터를 요청하고 받아오는 과정 1. [2주차 복습_jQuery 적용] 추억앨범 만들기 1️⃣ 추억 저장하기 버튼 누르면 창 열고 닫기 📌📌📌 button 에 function 을 만들어서 작용되게 하는 것이 가장 중요📌📌📌 함수 생성 후, 추억 저장하기 onclick="함수이름( )" : 해당 버튼을 클릭하면 함수가 실행되라 **이때 alert 는 '안녕'이라는 문자열을 띄워라. 라는 명령어 → 잘 진행되고 있는지 확인 할 때 사용 다음으로 일단 po..

웹개발 종합반 2주차 ▶️ 1주차 기본 개념 정리 HTML(뼈대) / CSS(꾸미기) / Javascript(움직이기) 를 이용하여 웹을 만든다!! HTML은 웹의 뼈대를 잡아주는 구역을 나타내는 코드! CSS는 HTML을 통해 작성된 뼈대를 예쁘게 꾸며주는 코드! Javascript는 웹을 움직이게 하는 코드! 1. [1주차 복습_프로젝트] 스파르타플릭스 페이지 만들기 1️⃣ Bootstrap에서 Jumbotron 가져오기 > 원하는 디자인 선택 > 우클릭 검사 눌러서 해당 구역 확인하기 Edit as HTML 눌러서 copy & paste 2️⃣ body 배경 컬러 전체를 바꾸고 싶을 때? body 에는 클래스 생성하지 않았으므로 그대로 head 에서 style 변경하기 + .(점) 없이 style ..

Velog -> Tistory 로 옮기기 대작전!!! 개발일지를 쓰기 시작하고 처음으로 velog 라는 블로그를 사용 했었는데, 사용한지 이틀만에 작성 중인 글이 다 날라가버리고... 또 출간하고 수정하려고 하는데 버튼이 먹통인데다 오류가 이만저만이 아니였다.. Velog만의 UI가 마음에 들고 깔끔하니 좋아서 자주 글을 써야겠다고 생각했지만, 생각보다 오류 때문에 글 업로드가 더 어려워져서 더 많은 글이 쌓이기 전에, 새해가 되기 전에 빠르게 옮기기로 마음 먹었다!! 오늘의 공부📖 내일배움캠프 개강 OT Git & GitHub 특강 웹개발 종합반 1주차 강의 수강 TIL 작성 내일배움캠프 웹 개발 프론트엔드(React_4기) 부트캠프가 오늘 개강을 했다. 당장 오늘부터 TIL(Today I Learne..