github pages로 배포하기 Branch밑에 있는 none을 main으로 변경후 save 사이트 주소가 나오며 배포 완료

파이어베이스 (Firebase): 프론트엔드에 집중할수 있게 백엔드의 기능을 지원 https://firebase.google.com/?hl=ko Firebase | Google’s Mobile and Web App Development Platform 개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요. firebase.google.com 데이터베이스: 데이터를 저장하고 여러 사람들이 관리하는 데이터의 모음 데이터 베이스의 목적은 데이터를 잘 찾기 위함 관계형 데이터베이스- SQL (정리된 정보를 다룰 때 사용 , 큰틀이 있는 대기업,은행등에서 사용) 비관계형 데이터베이스- NoSQL (복잡하거나 유연한 정보를 다..

JQuery: Bootstrap과 비슷하게 남들이 만든 라이브러리 fetch: 인터넷을 통해 데이터를 요청하고 가져오는 과정 id로 mypostingbox를 직접 지정해준다음 function openclose(){ $('#postingbox').toggle(); /* toggle() = 껐다켰다 하는거*/ } $(''# id이름') 으로 접근할수 있다 let image = $('#image').val(); id 이름이 'image' 인 곳에 접근을해서 그 값을 image라는 변수에다 집어넣는다 앨범 제목 앨범 내용 앨범 날짜 부트스트랩에서 가져왔던 카드 한개의 코드를 복사하여 let temp_html=` class="card-img-top" alt="..."> 앨범 제목 앨범 내용 앨범 날짜 `; $('..

웹개발 종합반2주차 복습 및 연습 과정 function alertDate(a) { let today = new Date(); if(a==1){ alert(today.toLocaleDateString()); } else if(a==2){ alert(today.toDateString()); } else{ alert(today.toTimeString()); } } 현재 시간을 보여주는 함수를 정의 오늘의 날짜 오늘의 날짜(영문) 현재 시간 들어가는 값이 1,2,3에 따라서 원하는 함수를 호출하도록 함 헤더는 examples에서 찾은다음 검사- 해당부분 우클릭- Edit as HTML로 활용할수있다

HTML - 뼈대 CSS - 꾸미기 JAVASCRIPT - 움직이기 https://getbootstrap.com/docs/5.3/getting-started/introduction/ Get started with Bootstrap Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes. getbootstrap.com 나만의 추억앨범 추억 저장하기 구역을 나누고 싶을땐 사용 display: flex; flex-direction: column; align-items: center; justify-content: center; 박스 안에 있는 내용물을 정렬하고 싶을..

Computer Science 1-9 LAN : 좁은 범위의 네트워크 WAN(Wide Area Network)는 서로 떨어진 LAN을 연결하는 광역 네트워크 SKT,KT,LG같은 통신사들이 WAN을 사용한다 네트워크가 개발된 이후 규칙이 없어 필요성을 느끼고 OSI7계층이 탄생함 ISO가 만들어서 이름은 거꾸로한 OSI OSI7계층 모델을 구축하려 했으나 시간이 오래걸려 먼저 나온 TCP/IP(5개 계층) 규칙을 기반으로 현재 인터넷이 구현됨 OSI 7계층을 배우는 이유? -> TCP/IP의 세분화 된 버전이기때문에 더 깊게 학습 가능 7계층 - 응용 - 어플리케이션 서비스 제공 -> 브라우저에서 데이터를 전송할수 있게 하는 단계 6계층 - 표현 - 문자코드,압축,암호화 -> 데이터 변환,압축,암호화 하..