안녕하세요, 오늘은 사전캠프 2주차 첫째날입니다.
오늘부터는 오전-오후-저녁 까지 개발을 공부하는 루틴을 시작했습니다.
SQL 코드카타를 5문정도 풀었고, 알고리즘 코드카타는 풀지못했습니다.
<오늘 공부한 내용>
웹개발 종합반 - 완강 (Firebase, Github)
SQL - ~ 3-5강 Group by, Order by, if문, case문
드디어 완강한 웹개발 종합반. 오늘은 4주차, 5주차 내용을 공부했습니다.
Firebase, Database, Github, 배포까지 기초를 알 수 있었습니다.
🍄 파이어베이스(Firebase): 구글(Google)이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼입니다. 개발자들이 백엔드 인프라를 구축하거나 관리하는 복잡한 작업 없이 핵심 기능에 집중할 수 있도록 도와줍니다.
- 파이어베이스는 웹 서버를 대신 만들어 주는 서비스
- 서버 개발 없이 제작 가능
🍄 깃허브: 인터넷에서 개발자들이 자신의 코드를 저장하고 다른 사람들과 공유하는 곳입니다. 예를 들어, 게임이나 앱을 만들고 그 코드를 깃허브에 올리면 다른 친구들도 그 코드를 볼 수 있죠! 현업에서는 깃허브를 통해서 다양한 사람들과 함께 일하고 프로젝트를 진행할 수 있는 강력한 협업 툴로 사용되고 있습니다.
🍄 배포: 소프트웨어 개발 과정에서 개발한 애플리케이션, 웹사이트, 서비스 등을 실제 사용자들에게 제공하는 과정을 말합니다.
배포는 만든 작업물을 외부에 공개하는 일!!
링크가 생겨서 요청하면 결과를 볼 수 있는 서비스를 세상에 내놓는 일!!
배포는 소프트웨어 개발 과정에서 중요한 단계로, 사용자들이 개발한 소프트웨어를 이용할 수 있도록 만들어줍니다.
+그리고 지난주에 튜터링 받으면서 NoSQL이 무엇인지 궁금했는데 오늘 마침 강의에 설명이 되어있었습니다. SQL 마치 엑셀처럼 짜여진 틀이 없어 자유롭게 작성할 수 있는 비관계형 데이터베이스!
오늘 또한, 제가 만든 '스파르타플릭스'에 파이어베이스를 통해 데이터를 저장하고 깃허브를 통해 배포하는 작업까지 해봤습니다.
<script type="module">
// Firebase SDK 라이브러리 가져오기
$("#postingbtn").click(async function () {
let image = $('#image').val();
let title = $('#title').val();
let star = $('#star').val();
let coment = $('#coment').val();
let doc = {
'image': image,
'title': title,
'star': star,
'coment': coment
};
await addDoc(collection(db, "movies"), doc);
alert('저장 완료');
window.location.reload();
})
let docs = await getDocs(collection(db, "movies"));
docs.forEach((doc) => {
let row = doc.data();
let image = row['image'];
let title = row['title'];
let star = row['star'];
let coment = row['coment'];
let temp_html = `
<div class="col">
<div class="card h-100">
<img src="${image}">
<div class="card-body">
<h5 class="card-title">${title}</h5>
<p class="card-text">${star}</p>
<p class="card-text">${coment}</p>
</div>
</div>
</div>
`
$('#card').append(temp_html);
});
$("#savebtn").click(async function () {
$('#postingbox').toggle();
})
</script>- 이렇게 스크립타입을 모듈로 하면 온클릭 같은 기능들이 안되기 때문에 버튼에 따로 id를 생성해서 작성해주기
실습까지 3번을 반복하면서 연습해봤는데 완벽히 따라 작성하진 못하겠고 복붙복붙,, 하면서 어느정도 흐름을 이해할 수 있었습니다.
오늘 배포하는 법을 끝으로 완주한 웹개발 종합반!
html과 css, javascript, 데이터베이스, 깃허브까지 다 기초와 어떻게 굴러가는 것인지 알 수 있는 말그대로 웹개발 종합!적인 내용의 수업이었습니다.
사전캠프의 마지막 주인 이번주, 이 강의를 한번 더 들을지 인프런에서 김영한님의 자바 입문 강의를 들을지 고민이었는데 그래도 자바를 조금은 감을 잡고 캠프에 들어가는 게 좋을 것 같아 내일부터는 김영한님 강의를 들을 것 같습니다.
SQL은 딱 절반 들었는데 쉽고 재밌어요! 내일 TIL에서 오늘 배운 것까지 한번에 정리하겠습니다.
오늘도 수고하셨습니다. 🙆🏻♀️
(저번주까지 개발기초공부하면서 정보처리산업기사 자격증 실기 공부를 하느라 정신이 없었는데, 금요일에 튜터링을 받고 개발공부에 집중하기로 했습니다. 자격증보다 개발실력을 늘리는 데 집중하는 게 맞다고 판단했기 때문인데요. 튜터님이 자격증 하등 쓸모없다고 하셨음.. 그래서 오늘부터는 종일 개발 공부에 집중할 수 있었습니다!🙂)
