본문 바로가기
반응형

전체 글98

2. 개발자 도구와 코드 에디터는 뭐여? 개발자 도구 1. 개발자 도구란? 웹사이트 개발용 도구로서, 대부분의 최신 브라우저에는 개발자 도구가 탑재되어 있음 ex) HTML CSS 코드 확인, 모바일 모니터링, 네트워크 상태 점검, 스크립트 명령어 확인 등 2. 어떻게 열어? (크롬 기준) F12 버튼을 누르거나 메뉴 -> 도구 더보기 -> 개발자도구 클릭 3. 실행완료! 4. 개발자 도구에는 뭐가 있어? 우리는 주로 Elements를 이용할 것임. Elements는 우리가 띄워 놓은 웹사이트의 소스코드를 보여줌. 코드 에디터 1. 코드 에디터란? 프로그래머가 프로그램 소스 코드를 편집하기 위해 사용하는 소프트웨어. 코드를 빠르고 편하게 작성하는 것이 목적. -> 텍스트 자동완성 + 하이라이팅 기능이 추가된 메모장이라고 생각하자! 2. 유튜버 .. 2023. 4. 14.
1. HTML이 뭐여? HTML HyperText Markup Language HyperText : 하이퍼링크를 통해 다른 문서로 접근할 수 있는 텍스트 Markup : 표시하다 Language : 언어 웹브라우저를 통해 볼 수 있는 문서를 만들 때 사용하는 언어 HTML 코드를 사용해서 웹페이지에 어떤 내용이 표시될지를 정의 HTML 코드가 웹브라우저를 통해 해석되고 표현되는 과정을 렌더링(rendering)이라고함 HTML 문서의 확장자 : *.html 혹은 *.htm -> 파일을 수정하고 싶으면 텍스트 편집기로 / 결과(완성된 형태)를 확인하고 싶다면 웹브라우저로 ex) 편집기 : 기본 메모장, Brachets, VSCode 등 웹브라우저 : 크롬, 파이어폭스, 사파리, 인터넷익스플로러, 엣지 등 -> 어떤 편집기와 웹브.. 2023. 4. 10.
반응형

티스토리툴바