whatisthis?

- 설명용(X). 웹 공부 기록용 블로그입니다. 설명이 친절하지 않으니 다른 곳에서 알아보시는걸 추천드립니다. **참조 블로그, 자료들 출처 https://guides.github.com/ GitHub Guides GitHub is the best way to build and ship software. Powerful collaboration, code review, and code management for open source and private projects. guides.github.com https://geundung.dev/46 https://corinediary.tistory.com/2 1. github desktop을 이용해 GUI상으로 진행. 2. git bash로 저장소에 comm..

+) 부록 - 코드의 힘 1. 영상을 삽입하는 법 유튜브 등에서 EMBED(또는 Source)를 눌러 복사한다. -> 태그 REFERENCE LECTURE index.html 파일 하단에 영상 첨부하기 위해 코드 추가한 것. 2. 댓글 기능 추가 https://disqus.com https://disqus.com disqus.com 댓글창이 뜰 위치에 아래 코드를 붙여넣으면 된다. *** 어째서인지 댓글 달려고 하니까 이메일 인증에서 막힌다. (...) 대체 사이트 -> https://livere.com 라이브리 livere.com - 웹 페이지 방문자 분석기 구글 analytics https://analytics.google.com/analytics/web/provision/#/provision Red..

-부스트캠프 항해99 https://hanghae99.spartacodingclub.kr/?utm_source=google_sa&utm_medium=paid&utm_campaign=12074986494&utm_content=116474124916&utm_term=%ED%95%AD%ED%95%B499_495705141738&gclid=CjwKCAjwgviIBhBkEiwA10D2j8qzgcPXAmMqv5YGywvQIQ4_DfIf1sfTInO31W91qmDksGSuqmVJ5hoCTQIQAvD_BwE 항해99 99일, 주니어 개발자로 입사하기에 충분한 시간 hanghae99.spartacodingclub.kr https://chingu.io/ Chingu “Chingu was a great place for m..

[웹호스팅 & 웹서버 설치] 1-16. 원시 웹 웹의 역사 인터넷 웹 도시 운영체제 건물 프로그램 하나 즉, 인터넷 안에 웹이라는 서비스가 포함된 것. (인터넷 안에는 FTP, email, web등의 다양한 서비스가 있음) 1960 인터넷의 등장 1990 웹(WEB)의 등장 -스위스 * 참고 -> 표의 html 태그 1-17. 서버와 클라이언트 인터넷이 작동하기 위해 두대의 컴퓨터 필요 (서버-클라이언트) 팀 버너스리 : 웹브라우저, 웹서버 (두대의 컴퓨터로) 웹서버 : 정보를 응답 / 웹브라우저 : 정보를 요청 자신의 웹사이트를 모두가 가질 수 있도록 공유하는 방법엔 두가지가 있음. 1) 웹 호스팅 서비스 이용 2) 자신의 컴퓨터에 웹 서버 설치하여 서버-클라이언트 이용 1-18. 웹 호스팅 (깃허브,..

html, css, javascript 가 웹브라우저에 어떻게 렌더링 되는지? cr. https://beomy.github.io/tech/browser/browser-rendering/ [Browser] 브라우저 렌더링 이번 포스트에서는 브라우저가 화면을 렌더링 하는 과정에 대해 이야기할 것입니다. 렌더링 과정을 이해하면 웹페이지의 렌더링 최적화에 도움이 될 수 있겠죠? 렌더링 최적화 방법은 [Browser] Cr beomy.github.io User Interface: 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분 Browser Engine: User Interface와 Rendering Engine 사이의 동작을 제어 Rendering Eng..

what happens when type google 1. You type maps.google.com into the address bar of your browser. 2. The browser checks the cache for a DNS record to find the corresponding IP address of maps.google.com. DNS(Domain Name System) is a database that maintains the name of the website (URL) and the particular IP address it links to. Every single URL on the internet has a unique IP address assigned to i..

https://www.youtube.com/watch?v=YbVuqWD12Ko&t=20s 1. 만들고 싶은 웹앱 하나 준비하기. 2. 성장 가능성 / 협업 능력을 보여줘야 함. 성장 가능성 1.개발을 좋아하는지 -깃헙 커밋이 많이 있는지. 2. 컴퓨터 과학에 대한 지식 -자료구조, 알고리즘, 컴퓨터구조, 운영체제, 네트워크, DB 3. 자바스크립트 지식 -> [모던 자바스크립트 deep dive]라는 책 4. 웹브라우저 지식 https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=251552545 모던 자바스크립트 Deep Dive 자바스크립트를 둘러싼 기본 개념을 정확하고 구체적으로 설명하고, 자바스크립트 코드의 동작 원리를 집요하게 파헤친다. 작성한 코드가 컴퓨터 ..

[태그,속성 그리고 웹사이트 완성!] 1-10. html이 중요한 이유 '기본이 중요하다.' coding 과 coding 는 우리 눈에 보이는 결과는 같다. 의 style을 입힌 위에 coding은 그저 글의 내용일 뿐이고 아래의 태그는 제목을 의미한다. 즉, 검색 엔진에 'coding'을 쳐봤을때 검색 엔진은 제목이 coding인 후자를 더 선택할 것임. -> 검색 엔진의 중요성이 ★★★ 웹이 갖고 있는 본래의 의미는 '정보' -> 검색엔진을 통해 정보를 잘 검색할 수있도록 예를 들면 포토샵으로 글을 작성하면, 그 글에 포함된 정보는 검색을 통해 나타나지 않는다. 웹의 중요한 접근성. 신체적으로 불편함이 있는 사람들을 위해 정보를 잘 얻을 수 있도록. (예- 포토샵 그림으로 글을 나타내면, 시각장애가 ..

https://www.youtube.com/watch?v=ffENjt7aEdc index.html 간단한 계산기 style.css #calculator { background-color: #ffbb24; border-radius: 12px; width: 240px; margin: 24px; padding: 24px; text-align: center; } #caculator span { font-size: 1.5em; font-weight: bold; color: white; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.33); } #calculator #formula-input { width: 100%; margin-top: 8px; height: 36px; line-hei..

https://www.youtube.com/watch?v=C06xRvXIAUk 정적웹 : 움직이지 않음. 언제 접속해도 같은 리소스 건네줌. (접속할때마다 받게되는 html,css,js 코드들과 이미지 파일 등이 같음) 사용자들이 글을 올릴 수 있는 페이지 -> 글이 새로 올라올때마다 페이지수를 늘려서 재코딩 할 순 없다! -> 동적 웹 필요. 정적웹은 프로그래머가 최종본을 올리는 것이고 동적웹은 동적 웹의 예시 - PHP문서