본문 바로가기

새로운 블로그로 이전합니다
구글블로그 / 네이버블로그
(자료도 점차 이전할 계획입니다.)


IT, 프로그래밍/HTML, CSS, JS5

<script> 태그 위치 참고자료 검색어 : html script태그 위치 태그는 어디에 위치해야 할까요? `` 태그는 어디에 위치하는 게 가장 좋을까요? 일단은 body 태그 최하단에 위치하는 게 가장 좋습니다. 이를 이해하기 위해선 브라우저의 동작 방식을 이해할 필요가 있습니다. 🔍 브라우저의 동 velog.io [HTML] script 태그 호출 위치 내에서 호출할 수도 있습니다.하지만 HTML을 파싱하여 페이지를 렌더링하는 동안 를 만나면 파싱을 중지하고 script를 로딩하고 실행합니다.스크립트를 로딩하는 시간만큼 body내용 로 velog.io defer, async에 대한 설명자료 2022. 1. 23.
자바스크립트) confirm 다루기 (확인, 취소 팝업) 자바스크립트) confirm 다루기 (확인, 취소 팝업) 확인, 취소를 표시하여 코드 실행여부를 사용자에게 물어보는 confirm()을 다뤄보자 devliberty.blogspot.com 새 블로그로 자료가 이전되었습니다. 2022. 1. 12.
HTML, JS) input 태그 활용하기 (입력창, 버튼) [ 개요 ] 1. input태그와 자바스크립트를 통해 값을 입력받고 제어할 수 있다. 2. input 태그를 꾸밀 수 있다. * onclick, placeholder, alert() [ 코드 ] [ 결과 ] [ 다운로드 ] [ 참고자료 ] [HTML] 태그로 버튼(button) 생성하기 지난 번에는 태그와 태그로 입력받은 데이터를 서버로 전송하는 버튼을 만드는 방법을 알아보았습니다. [HTML] 입력받은 데이터 서버로 전송하기 - submit 이번에는 입력 받은 데이터를 서버로 전 hianna.tistory.com 2022. 1. 11.
자바스크립트) 태그 참조 및 속성값 편집 [ 개요 ] 1. p태그를 style속성으로 꾸밀 수 있다. 2. 원하는 태그의 속성값을 편집할 수 있다. 3. 지정한 태그 요소를 전부 찾고, 제어할 수 있다. [ 코드 ] [ 결과 ] [ 다운로드 ] [ 참고자료 ] HTML P태그 스타일 적용 방법 (글꼴, 글씨크기, 글자색 바꾸기) 지금은 거의 사용하지 않는 태그지만, 때때로 요긴하게 써먹을 수 있는 스타일 태그를 알아보겠습니다. 특정 글꼴을 사용하고 싶을 때, 어떤 키워드만 크게 키워서 강조하고 싶을 때, 또한 해당 rgy0409.tistory.com HTML p 태그에 배경색, 테두리, 글씨 변경하는 예제 - dAsImA HTML p 태그는 무엇일까요? 웹문서의 단락을 정의합니다. p 태그 사이에는 자동으로 단락 간격이 생성됩니다. p 태그에는.. 2022. 1. 10.
자바스크립트 ES6 문법 관련 자료 [JavaScript] 자주 사용하는 ES6 문법 정리 들어가기 전에 Node.js와 React관련 프로젝트를 진행하면서 기존에 배워왔던 jQuery를 활용한 ES5 문법으로 JavaScript 코드를 작성하였지만 이제는 최신 트렌드에 맞게 ES6 문법으로 JavaScript 코드를 작성 velog.io 자바스크립트라면서 const, let이라던지 =>(화살표) 같은 처음 보는 것들이 있길래 뭐지 했는데 바로 이해했다. 2022. 1. 8.