- Github에서 제공하는 다른 사람들에게 인터넷으로 공유할 수 있는 서비스임- 호스팅은 인터넷에 올라간 것을 말함 - 실시간 변경되는 내용은 없고 HTML,CSS,JavaScript 등으로 이루어진 단순한 웹 페이지를 의미 1. 저장소(Create Repository) 생성 - Repository name 편한 것으로 설정 - public으로 생성 - 맨 밑 Create repository 클릭 2. 파일 업로드 하기 - 파란색으로 체크된 uploading an existing file 클릭 3. 배포하기 -> none을 main으로 변경 후 save 클릭 - 기다리면 url 생김 - 웹개발을 배우면서 서버관리는 firebase로 간단하게 하는 것을 배웠음. 많은 양의 데이터는 안되지만 혼자..

- 팀원 소개 웹페이지 미니프로젝트 시작 - 내가 맡은 부분 : 팀원 소개란 및 상단 부분을 담당했음 1. 자기소개 정보 영역 구성- 이름, 나이, MBTI, 취미, 한줄 소개, Github 링크 등의 정보를 표시할 수 있도록 HTML 구조 설계- 각 정보 항목은 id 속성을 활용해 Javascript를 통해 동적으로 데이터 바인딩이 가능하도록 구현 2. "최고예요" 반응 버튼 기능 - jQuery를 활용하여 👍 최고에요' 버튼 클릭 시 좋아요 수가 증가하도록 기능 구현- 초기 싫어요 버튼도 있었지만 악용 우려로 제외함 div class="info-item">span class="label">나이 : spen id="info_age">spen> ..

- 전 코드에서 필요한 부분들을 추출하는 것이 편리함 태그가 하나인 것들은 이름표 안줘도 됨 . -> 이름표 이름 - 움직임을 나타냄- 브라우저를 움직이기 위해서 사용- 시간이 흐름에 있어서 자바스크립트가 표준이 되었음- java와 javascript는 햄과 햄스터, 인도와 인도네시아처럼 아무런 관련이 없음 1. JavaScript 기초 문법 1console 창을 활용하는 이유: 개발자 디버깅을 위해 사용변수: 값을 저장하여 한 번에 관리할 수 있도록 하는 개념변수는 직관적으로 작성하는 것이 중요함 let a = 'hello'; consloe.log(a); - 리스트는 순서가 중요함. '[a,b,c]' - 리스트는 a가 1번이 아닌 0임. 모든 언어들이 공통으로 적용됨- 딕셔러니 나이, ..

- 브라우저의 역할은 무엇일까 ? 사용자가 입력한 URL을 해석해 서버에 요청 보냄.서버에서 받은 HTML, CSS, JavaScript를 해석해 화면에 그림.HTTP/HTTPS를 통해 웹 서버와 데이터 주고받음.웹 페이지 데이터를 캐시해 빠른 로딩 지원.보안 기능 수행(SSL/TLS 암호화, 쿠키 관리 등). - 인터넷과 상관없이 현재 페이지가 보여지는 이유는 무엇일까 ? 브라우저가 HTML, CSS, JS, 이미지 등을 캐시해둠.메모리 캐시, 디스크 캐시 활용해 빠르게 로딩함.일부 웹사이트는 Service Worker로 오프라인에서도 작동 가능.새 요청은 불가능하지만, 기존 페이지는 캐시에서 불러와 표시함. - 브라우저는 클라이언트 역할을 수행함- html은 뼈대, javascript는 움직임을 의..