8/15
개발을 한다고 이야기하면서 무엇을 개발할지 모르는 고민 끝에 눈에 보이는 것부터 시작하기로 했다.
프론트엔드부터 시작...
생활 코딩 WEBn 강의를 들으면서 프론트엔드를 구현할 예정이며,
내가 해야하는 일, 즉 개인정보보호와 관련된 프론트엔드 사이트를 만드는 것을 목표로 수행한다.
( 타 비식별화 솔루션의 프론트엔드를 따라할 예정이며, 회사에서 업무를 보면서 필요한 내용을 추가 )
아래부터는 8/15일 공부한 내용
WEB1 - HTML & Internet
- 내 문제를 코딩으로 해결하는 엔지니어라고 상상하자!
- 문제는 다양하나 생활코딩의 문제를 하나 사용
(문제를 해결함에 있어서 중요한 부분은 공감 >> 남의 문제가 아니라 내 문제인 것처럼! )
- 본 강의는 지식을 알려주는 수업이 될 수 있지만, 그것보단 공부와 친해지는 계기가 되기 바란다는 말...
기획
- 무엇을 만들 것인가를 미리 상상하고 계획해보는 과정
코딩과 HTML
- 사람이 하는 일(원인을 부르는 여러 표현 )
코드 -code, 부호 또는 신호
소스 - source, 원천
컴퓨터 언어 - 약속이라는 의미에서 언어
- 기계가 하는일(결과를 부르는 여러 표현)
애플리케이션 - 줄여서 앱 , 한국말로 프로그램
웹페이지 - 웹에서의 결과
웹사이트 - 웹페이지의 모임
웹애플리케이션 - 웹사이트에 기능이 많은 것, 줄여서 웹앱
HTML 이 중요한 이유
- 쉽다 - 문법을 다 배우는데 10분도 안걸림
- 중요하다 - 하루에 100번이상 보는 중요한 일
- 퍼블릭 도메인 - 저작권이 존재하지 않아 특정 기업이 독점하지 않음
( 빨리 가려면 혼자 가고, 오래 가려면 같이 가라 )
HTML 코딩 실습 환경 준비
- 코딩을 위해 에디터 필요 ( 자신한테 맞는 에디터를 사용해도 됨 - 강의에서는 ATOM / 나는 VS code 사용 )
- 이후에 다른 언어를 코딩 시 [언어] editor 혹은 best [언어] editor [최신연도] 검색을 통해 에디터 찾기
- html 확장자는 웹브라우저를 볼 수 있는 확장자이며, 웹브라우저 엔진(크롬/파이어폭스 등)에서 해당 확장자 파일을 열 수 있음
기본 문법 - 태그
- 단어를 강조하기 위해 굵게 하거나 밑줄을 긋는 기능은 태그를 통해서 가능함
- 태그는 열리는 태그(앞에 있는 태그, <TAG>)와 닫히는 태그(위에 있는 태그, </TAG>)로 구성되며, 닫히는 태그는 태그명 앞에 /를 사용함
- 배운 태그
1. 굵게 - strong
2. 밑줄 - u (Unterline의 약자)
혁명적인 변화
- 지식을 받아들이는 자세에 대해서
- 중요한 것은 어렵고, 쉬운 것은 사소하다는 잘못된 생각
-> 시험으로 만들어진 우리의 사고방식 ( 시험은 변별력을 위해 어려운 것들만 나옴 )
- 코딩에서는 처음 배우는 것은 쉽지만, 초기에 배움을 바탕으로 결합하기 때문에 중요함
- 태그 또한 우리는 HTML의 문법에 불과한 것을 배움으로써, 정확히 무엇을 의미하는지는 모르지만 무엇을 모르는지 배웠음
( h1 이 무슨 기능을 할지는 모르지만, html 의 문법의 한 종류이며 기능적인 역할을 수행할 것이다! 라는 것을 알 수 있음 )
- 무엇을 모르는지 알 수 있다면, 손쉽게 찾을 수 있는 세상에 있음 >> 즉 기초만 알면 우리는 할 수 있는 것이 무긍무진해진거다
- 배운 태그
1. 헤딩 - h1 ~ h6