오늘 배운 내용

---

웹 프로그래밍 이란?

• 인터넷의 연결 방식
• 간단한 코드 실습

기타

• 기억에 남는 말들
• 추가로 공부할 것들

오늘부터는 정을수 강사님이 html, css 강의를 시작 해주셨다! (http://eulsoo.com/blog/)
화려한 스킬 중심이 아니라, 근본적인 방향으로 알려 주는 것을 지향 한다고 하셨다.
그래서 오늘은 타 강의들처럼 명령어들을 그저 실습해가며 익히는게 아니라,
근본적인 코드의 동작 원리들을 deep 하게 배웠다.

그럼 고고싱~

웹 프로그래밍 이란?

💻 컴퓨터

메모리에 있는 data를 CPU가 계산해주는 계산-기(compute - er)

💻 컴퓨터의 메모리

• 입력된 신호에 대한 전자 상태를 유지하고 변경하기도 하는 장치
• 이렇게 특정한 신호에 대한 전자 상태를 주소(address)와 값(data)이라고 부름
• 메모리는 전원을 끄면 모든 상태를 잃어버리기 때문에 하드디스크같은 저장 장치를 사용해야함

💻 메모리의 16진수 기호 규칙

• R, G, B 각각 에 해당하는 불 (1616) 3 = 256개 * 3
  → R, G, B (0~255, 0~255, 0~255)
• 그래서 불을 다 켜면 FF FF FF → 하얀색
• 불을 다 끄면 00 00 00 → 검정색
  • 원시 자료형과 참조 자료형 으로 나뉘어짐

💻 컴퓨터의 기본 동작

OS가 어셈블러로 기계코드를 컴파일(변경)해서 메모리에 입력

인터넷의 연결 방식

모든 컴퓨터에 고유 번호를 부여하고, 이 번호(IP: Internet Protocol)를 이용해서 데이터를 주고 받는 것.

• Network → All 누르면 받는 파일 목록 다 불러옴.
• 자바스크립트로 텍스트 바꾸기 (window 생략 가능)
  • 자바스크립트 코드는 최대한 나중에 쓰는게 좋음 (js 엔진이 나중에 돌아감)
• innerHTML도 사용 가능
  이러면 html tag도 같이 생성됨
• 자바스크립트 명령어
  클릭시 함수 실행 : .addEventListener('click',제목바꾸기);
  .querySelector('div'); : 찾아줌 근데 여러개면 맨 첫번째 선택
• 태그를 달때 의미에 맞도록 사용하자.
  - h1, article, aside 등등 잘 활용!
  
  

기타

• 항상 인간의 욕망을 생각하기
  • 메슬로의 단계적 욕구 이론

추가로 공부 할 목록

[ ] 컴퓨터와 음양오행..?
[ ] 피그마 ?
[ ] HTTP 공부
[ ] 콜백함수