내일배움 강의54 [왕초보] 웹개발 4주차 : 파이어베이스와 파이어스토어 ◆ 파이어 베이스파이어베이스 웹 앱 추가Firebase SDK 추가 데이터베이스를 사용하면 정보를 쉽게 찾고 업데이트할 수 있고, 많은 양의 정보를 효율적으로 관리할 수 있습니다.DB의 종류1) 관계형 DB SQL (엑셀 같은 ) 정리된 정보를 다룰 때 사용합니다. ex) 은행, 대기업2) 비관계형 DB NoSQL 복잡하거나 유연한 정보를 다룰 때 사용합니다. ex) 스타트업 ◆ 파이어스토어 파이어스토어 (Firestore)는 구글의 클라우드 기반 NoSQL 데이터베이스입니다 사용 준비하기시작 전 album 파일더보기 나만의 추억앨범 현재 서울의 미세먼지 : 날씨 추억 저장하기 .. 2024. 10. 28. [왕초보] 웹개발 3주차 - Fetch ◆JSON (JavaScript Object Notation) 데이터를 저장하고 전송하기 위해 사용되는 데이터 형식입니다. JSON은 Key:Value로 이루어져 있습니다. 크롬 익스텐션 JSONView 설치하세요.API 정보를 ' Key:Value' 값으로 보여줍니다. 서울시 미세먼지 OpenAPI ◆API통상적으로 허락된 곳의 접근만 허용니다.OpenAPI는 누구나 사용가능합니다.API를 가져오는 방식GET : 데이터 조회(Read)를 요청할 때 사용합니다. GET 요청은, url뒤에 아래와 같이 붙여서 데이터를 가져갑니다. http://naver.com?param=value¶m2=value2 예) 영화 목록 조회https://movie.daum.net/movied.. 2024. 10. 27. [왕초보] 웹개발 3주차 - 웹페이지 꾸미기 3 나만의 추억앨 https://ashen99.tistory.com/182 [왕초보] 웹개발 1주차 - 웹페이지 꾸미기 1 : 추억앨범 만들기웹페이지 꾸미기 2 : https://ashen99.tistory.com/183 [왕초보] 웹개발 2주차 - 웹페이지 꾸미기 2 : spartaflix웹페이지 꾸미기 1 : https://ashen99.tistory.com/182 button {} 나만의 추억앨범 추억 저장하기 ... 투명ashen99.tistory.com수정 전 '나만의 추억앨범'(1주차) 코드더보기 나만의 추억앨범 추억 저장하기 앨범 이미지 .. 2024. 10. 26. [왕초보] 웹개발 2주차 - 웹페이지 꾸미기 2 : spartaflix 웹페이지 꾸미기 1 : https://ashen99.tistory.com/182 button {} 나만의 추억앨범 추억 저장하기 ... 투명한 버튼에 " data-og-host="ashen99.tistory.com" data-og-source-url="https://ashen99.tistory.com/182" data-og-url="https://ashen99.tistory.com/182" data-og-image="https://scrap.kakaocdn.net/dn/cpRmjp/hyXlTCHKmN/xGyPKn9CvaUEGEFqi18HLk/img.png?width=800&height=623&face=0_0_800_623,https://scrap.kakaocdn.net/dn/ZY5AB/hyXlTbFaU.. 2024. 10. 24. [왕초보] 웹개발 1주차 - 웹페이지 꾸미기 1 : 추억앨범 만들기 웹페이지 꾸미기 2 : https://ashen99.tistory.com/183 [왕초보] 웹개발 2주차 - 웹페이지 꾸미기 2 : spartaflix웹페이지 꾸미기 1 : https://ashen99.tistory.com/182 button {} 나만의 추억앨범 추억 저장하기 ... 투명한 버튼에 " data-og-host="ashen99.tistory.com" data-og-source-url="https://ashen99.tistory.com/182" data-og-url="https://ashen9ashen99.tistory.com [추억앨범] 프로젝트 박스 안에서 내용물 정렬하기... 나만의 추억앨범 추억 저장하기 클래스별도 지정 없이 내용물 꾸미기.. 2024. 10. 24. [왕초보] 웹개발 1주차 [왕초보] 웹개발 종합반 : 1주차 - HTML과 CSS ◆ 브라우저가 하는 일웹사이트에서 (F12) 링크 우클릭 -> 검사글자 수정 시 내 화면의 글씨만 변형되고, 세로고침 시 돌아옵니다.뉴스 스텐드 -> 구글 뉴스 브라우저의 역할 : 주소창의 경로에서 자료를 가져옵니다.요청하는 쪽은 클라이언트 (내 pc) 주는 쪽이 서버입니다. 내 마음대로 뉴스 스텐드를 바꿀 수 있고 F5키를 누르면 돌아오는 이유는 이미 내 컴퓨터로 가져왔기 때문입니다.가져 오는 것 : HTML(뼈대), CSS(꾸미기), JS(동작)◆HTML(vscode)'C:\Users\user\Desktop\Sparta\Frontend'에 tegs.html 파일을 생성합니다.html 치고 자동완성 ‘html:5’ 선택실행하면 HTML.. 2024. 10. 23. 이전 1 ··· 6 7 8 9 다음