목록분류 전체보기 (433)
whatisthis?
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/oGZDa/btrcAcbCAvm/7jt9A567sykVcPt3ExQtU1/img.png)
- 설명용(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..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/BAMj7/btrcwwtsWcR/L7N6YA4y0T8E1KNXUFkdiK/img.png)
+) 부록 - 코드의 힘 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..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/s5l9l/btrcA20XDQ3/8FmSQk6cuxXSaUXy76IiB0/img.jpg)
-부스트캠프 항해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..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bBJW0h/btrclIaL8G3/k2c2AbL3M9rKDeWMxKprnK/img.png)
[웹호스팅 & 웹서버 설치] 1-16. 원시 웹 웹의 역사 인터넷 웹 도시 운영체제 건물 프로그램 하나 즉, 인터넷 안에 웹이라는 서비스가 포함된 것. (인터넷 안에는 FTP, email, web등의 다양한 서비스가 있음) 1960 인터넷의 등장 1990 웹(WEB)의 등장 -스위스 * 참고 -> 표의 html 태그 1-17. 서버와 클라이언트 인터넷이 작동하기 위해 두대의 컴퓨터 필요 (서버-클라이언트) 팀 버너스리 : 웹브라우저, 웹서버 (두대의 컴퓨터로) 웹서버 : 정보를 응답 / 웹브라우저 : 정보를 요청 자신의 웹사이트를 모두가 가질 수 있도록 공유하는 방법엔 두가지가 있음. 1) 웹 호스팅 서비스 이용 2) 자신의 컴퓨터에 웹 서버 설치하여 서버-클라이언트 이용 1-18. 웹 호스팅 (깃허브,..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/dUhAhk/btrfO3Bu3rV/YnxiP2h6LKoopRnMO052RK/img.jpg)
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..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/KIF0s/btrfQD9T3lK/2t9HKf1iysGk0NYvwfECZk/img.jpg)
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..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/o4jCw/btrfQEVh5jq/aVhlBYYAoUOzn6wVkyKWdk/img.jpg)
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 자바스크립트를 둘러싼 기본 개념을 정확하고 구체적으로 설명하고, 자바스크립트 코드의 동작 원리를 집요하게 파헤친다. 작성한 코드가 컴퓨터 ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/dhlb8I/btrcp09phLQ/uNrIhMJc1MQpKDsUe5mLkK/img.png)
[태그,속성 그리고 웹사이트 완성!] 1-10. html이 중요한 이유 '기본이 중요하다.' coding 과 coding 는 우리 눈에 보이는 결과는 같다. 의 style을 입힌 위에 coding은 그저 글의 내용일 뿐이고 아래의 태그는 제목을 의미한다. 즉, 검색 엔진에 'coding'을 쳐봤을때 검색 엔진은 제목이 coding인 후자를 더 선택할 것임. -> 검색 엔진의 중요성이 ★★★ 웹이 갖고 있는 본래의 의미는 '정보' -> 검색엔진을 통해 정보를 잘 검색할 수있도록 예를 들면 포토샵으로 글을 작성하면, 그 글에 포함된 정보는 검색을 통해 나타나지 않는다. 웹의 중요한 접근성. 신체적으로 불편함이 있는 사람들을 위해 정보를 잘 얻을 수 있도록. (예- 포토샵 그림으로 글을 나타내면, 시각장애가 ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/ckaKjd/btrclI1gfLp/K4N0JmKTjKAtaYBXAjIMg1/img.png)
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..