일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- 프로토타입
- 큐
- javascript
- UI
- redux
- mysemester
- CSS
- level1
- html
- 코드스테이츠
- superstarjypnation
- React
- 자바스크립트
- web
- 카카오
- vercel
- 백준
- 30daysdowoonchallenge
- 자료구조
- 프로그래머스
- 스택
- 생활코딩
- Next.js
- 회고
- UX
- REST_API
- useState
- 해시테이블
- Til
- 운영체제
- Today
- Total
목록Programming (39)
데굴데굴
Day 7: ~ 웹호스팅까지 호스트 = 인터넷에 연결된 컴퓨터 하나 호스팅 = 컴퓨터를 빌려주는 사업 웹호스팅 = 웹서버를 전문적으로 빌려주는 것 github의 pages 기능 이용하기 HTML은 웹브라우저가 해석하기 때문에 서버에서 해줄 일이 없다. --> static HTML만으로 만들어진 웹사이트를 호스팅하는 서비스 중에는 무료가 많다. 나는 그냥 강의 예제 따라하는 걸로 구현했는데 자신만의 웹사이트로 만든 사람들이 많았다. 나도 내 관심사로 바꾼 후에 여기에 살짝 놓아봐야겠다!
Day 6: ~ 서버와 클라이언트까지 인터넷 동작의 기본원리 인터넷이 동작하기 위해 필요한 컴퓨터의 최소 개수는 2개 웹브라우저가 설치된 컴퓨터 & 웹서버가 설치된 컴퓨터 웹브라우저가 설치된 컴퓨터에서 주소를 입력하고 엔터를 누름 인터넷을 통해서 전기적인 신호를 보냄 주소에 설치된 웹서버라는 프로그램이 index.html이라는 파일을 찾음 그 내용을 읽어서 전기적인 신호로 바꾼 후 웹브라우저가 설치된 컴퓨터에 신호를 보냄. 웹브라우저가 설치된 컴퓨터에서는 index.html 파일의 코드가 도착함. 그럼 그 컴퓨터는 해당 코드를 읽어서 화면에 출력 client / server 갑과 을 공부는 익숙해지는 것. 이해는 익숙해지기 위한 방법 중 하나. 웹호스팅과 웹서버 1. 웹호스팅은 비교적 간단하지만 많은 것..
Day 5: ~ 웹사이트 완성까지 WEB - index.html HTML - 1.html CSS - 2.html JavaScript - 3.html 열고 닫는 태그 잘 확인하기 HTML Style Guide 찾아보기 +) 웹의 역사 1960년 인터넷의 탄생 - 분산된 형태의 통신시스템 1990년 웹의 시작 (스위스) 유럽입자물리 연구소, 힉스 입자 팀 버너스리 world wide web 웹서버 완성 http://info.cern.ch
Day 4: ~태그의 제왕까지 부모, 자식 태그 opentutorials 여기서는 a 태그가 p 태그의 자식, p 태그는 a 태그의 부모 p 태그가 꼭 a 태그의 부모여야 하는 것은 아니며, 그 반대 또한 마찬가지이다. 하지만, 부모자식이 고정된 관계인 태그가 있음. 목록 li 태그와 ul 태그의 관계가 그러함. 목록은 다른 목록과 구분할 수 있도록 경계 태그가 필요함. 부모: ul (unorderd list), 자식:li(list) 1. HTML 2. CSS 3. JavaScript egoing k8805 sorialgi 자동으로 번호를 매겨주는 태그는 ol (ordered list) 구조 만들기 문서의 타입 설명, doctype 입력은 대문자로 해도 되고 소문자로 해도 됨. 저장방식 지정, 문자 깨짐..
Day 3: ~최후의 문법 속성과 img까지 Q. 줄바꿈은 어떻게 할까? Google 'html new line tag' 검색 - To add a line break to your HTML code, you use the tag. The tag does not have an end tag. You can also add additional lines between paragraphs by using the tags. 무언가를 설명하지 않는 태그들은 감싸야하는 컨텐츠가 없기 때문에 태그를 닫지 않음. ex) img, input, br, hr, meta 단락표현태그 p - The tag defines a paragraph. Browsers automatically add a single blank line ..
Day 2: ~ 통계에 기반한 학습까지 # 강조 표시 text # 밑줄 표시 text 태그는 중첩해서 사용 가능 *한글이 깨질 경우 추가 heading This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6 https://advancedwebranking.com/html/