빡공13 2024.07.11(목) 슈퍼코딩 부트캠프 신입연수원 week3 Day4 일일보고 - 72~74강 강의듣기- 일일보고 작성하기 72강 서버 없이 애플리케이션을 제작한다? 파이어베이스 >> Firebase란?- 서버 개발 없이 DB, 유저인증, 이미지 업로드, 배포 가능- 무료제공범위가 넓음- 실시간 데이터베이스를 지원- 인프라 관리에 신경 쓸 필요없이 빠르게 애플리케이션 제작 가능- 소규모 프로젝트에 적합 >> Firebase로 데이터베이스 연동하는 경우- 프로토타입이나 POC, MVP를 만들 때 주로 사용 -> 프로토타입 = 제품 만들기 전 디자인 기능 검증을 위한 시제품 -> POC(Proof Of Concept) = 아이디어가 실행가능한지 검증하는 시제품 -> MVP(Minimum Viable Product) = 최소한의 기능의 제품- 즉 빠르게 개발해서 검증해보고 싶을때 fir.. 2024. 7. 13. 2024.07.10(수) 슈퍼코딩 부트캠프 신입연수원 week3 Day3 일일보고 - 68강 ~ 71강 강의듣기- 일일보고 작성하기 68강 Big Picture >> 지금까지 기초를 배웠으니 생산성을 높여보자 !- 다양한 도구들을 사용해서 더 쉽고 빠르게 어플리케이션을 만들어보자.- HTML, CSS, JS는 프론트엔드의 근본 3대장 but 이것들로만 개발하기에는 생산성이 떨어짐- React, Vue, Angular, Svelte 등의 웹프레임워크가 많음-> React가 가장 많이 쓰이지만 이는 새로운 문법과 원리를 이해해야하므로 우리가 배운 문법을 그대로 사용하는 Svlete를 살짝 배워보겠다 ! 69강 거대한 프로그램을 만들기 위한 번들러의 이해 - Vite>> 자바스크립트의 태생- 자바스크립트는 간단한 동작만을 위해 태어났기에 여러개의 파일을 나눠서 개발하는 모듈 방식이 없는 .. 2024. 7. 11. 2024.07.09(화) 슈퍼코딩 부트캠프 신입연수원 week3 Day2 일일보고 - 64~67강 듣기- 일일보고 작성하기 64강 데이터베이스와 연동해 백엔드 회원 가입 기능 완성하기 1. 회원가입 처리 된 후 로그인 페이지로 옮기기>> 지난번에 작성했던 signup.js의 handleSubmit 부분에서 회원가입 성공시 - alert를 이용해서 메세지 띄우고 - window.location.pathname="/login.html"; 을 이용해서 페이지 옮기기if (data === "200") { div.innerText = "회원가입에 성공했습니다!"; div.style.color = "blue"; alert("회원가입에 성공했습니다."); window.location.pathname = "/login.html"; } } else { .. 2024. 7. 11. 2024.07.08(월) 슈퍼코딩 부트캠프 신입연수원 week3 Day1 일일보고 - 58~63강 강의듣기- 일일보고 작성하기 58~59강 저장된 게시글을 확인하려면? GET!1. index.js를 통해서 메인화면 구성하기 >> 원래 맨 처음에 html에서 화면을 구성했던 코드 블루투스 키보드 팝니다 서초동 4시간 전 5,000원 ; >> html코드를 바탕으로 js에서 다음과 같이 구현할 수 있다.const renderData = (data) => { // data = [{id:1,title:'aa'...},{id:2,title:'bbb'...}..]이런형태 const main = document.querySelector("main"); data.reverse().forEach(async (obj) => { // 배열 각각에 대해서 반복.. 2024. 7. 9. 슈퍼코딩 웹개발 부트캠프 2주차 신입연수원 후기 - 이번주 목표 달성 완료- 다음주 목표 = 강의 모두 듣고 일일보고도 착실하게 작성하기 강의를 들을때 사소한 부분에 너무 많이 신경을 쓰는 것 같다.어느정도 듣고 이해가 잘 안될때는 가만히 정지를 시켜놓고 구글링을하든 뭘하든 꼭 다 알아내고 지나가는 성격인데 이런 것이 나를 너무 지치게 하는 것 같다.사실 코딩이라는 것이 워낙 광범위해서 한군데를 그렇게 깊게 볼 필요가 없다는 것을 아는데도 아직도 잘 고쳐지지 않는다.내가 직접 막 찾아보고 그러지 않아도 오히려 그런 의문을 가진채 강의를 우선 진행하다보면 강사님이 설명해주시는 때도 많은 것 같다.다음 주에는 조금만 더 넓게 보는 눈을 길러야겠다고 다짐했다. 또한 변수명이나 인자 전달시에 자꾸만 철자를 한두개씩 틀린다.덕분에 콘솔창이나 터미널을 통해 오.. 2024. 7. 7. 2024.07.02(화) 슈퍼코딩 부트캠프 신입연수원 week2 Day2 일일보고 - 32~39강 강의듣기-일일보고 작성하기 32. 실습하기 - 애플리케이션 만들기(wordle 채린지) - 4>> 자바스크립트를 이용하여 게임오버 시 문구를 나타내도록 하는 기능 구현- document.createElement("div") = 자바스크립트에서 div를 만들 수 있음- css에서 하는 것에 비해 단축어도 안줘서 오류가능성이 높기에 추천하지는 않음 *예시코드const displayGameover = () => { const div = document.createElement("div"); div.innerText = "게임이 종료됐습니다."; div.style = "display:flex; justify-content:center; align-items:center.. 2024. 7. 1. 이전 1 2 3 다음
