2024/01 13

HTML 주석 처리, 인라인 태그, 블록 태그

안녕하세요~ 오늘은 HTML 주석 처리 방법, 인라인 태그, 블록 태그에 대해 알아보겠습니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백서 & CSS3 독학백서 저자 직강! 이론은 짧게 핵심만! 모던 HTML과 CSS에 입문하기 위해 꼭 알아야 하는 핵심 문법 엑기스만 정리했습니다., 핵심을 컴팩트하게! 빠르게 해치우는 HTML/ www.inflearn.com HTML 에서 주석 처리 방..

html5+CSS3 2024.01.29

HTML 제목, 문단, 서식 태그

안녕하세요 ~ 오늘은 HTML 제목, 문단, 서식 태그에 대해 알아보겠습니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백서 & CSS3 독학백서 저자 직강! 이론은 짧게 핵심만! 모던 HTML과 CSS에 입문하기 위해 꼭 알아야 하는 핵심 문법 엑기스만 정리했습니다., 핵심을 컴팩트하게! 빠르게 해치우는 HTML/ www.inflearn.com 먼저 소개할 태그는 제목 태그 입니다. 제목..

html5+CSS3 2024.01.29

HTML 기본 구조

안녕하세요~ HTML 실습을 해보셨나요? 이번에는 HTML 기본 구조에 대해 알아보겠습니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백서 & CSS3 독학백서 저자 직강! 이론은 짧게 핵심만! 모던 HTML과 CSS에 입문하기 위해 꼭 알아야 하는 핵심 문법 엑기스만 정리했습니다., 핵심을 컴팩트하게! 빠르게 해치우는 HTML/ www.inflearn.com HTML 기본 구조를 하나하나..

html5+CSS3 2024.01.26

HTML5 실습

우선 저는 Visual Studio Code 개발도구를 사용하여 코드를 작성합니다. 사용하시는 개발도구가 다를수도 있어서 참고해주셨으면 좋겠습니다. HTML를 실습하기 전에 파일부터 생성하겠습니다. 1. 파일 생성 폴더를 생성하고 싶은 경로에 먼저 파일을 생성합니다. 저는 바탕화면에 TEST1 폴더를 생성하고 , TEST1 폴더안에 HTML 폴더를 생성하여 index.html이라는 파일을 만들었습니다. 순서 1. 사용하고자 하는 폴더를 생성합니다(찾기 쉽게 바탕화면에 생성하는 것을 추천) 2. 폴더를 생성한 후 생성한 폴더 안에 OOOO.html 파일을 생성합니다.(마우스 우클릭 한 후 파일 생성) 3. 생성한 HTML 파일에 코드를 작성합니다. 4. 코드를 작성하여 실습해봅니다. 폴더 생성 파일 생성 ..

html5+CSS3 2024.01.26

HTML5+CSS3 소개

안녕하세요~ HTML5 / CSS3 를 소개하기 전 올라오는 내용들은 다음과 같은 강의 플랫폼을 활용하여 학습하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백서 & CSS3 독학백서 저자 직강! 이론은 짧게 핵심만! 모던 HTML과 CSS에 입문하기 위해 꼭 알아야 하는 핵심 문법 엑기스만 정리했습니다., 핵심을 컴팩트하게! 빠르게 해치우는 HTML/ www.inflearn.com 자바스크립트 내용이 끝나고 HTML5 + CSS3 에 대해 알아보겠습니다. 우선..

html5+CSS3 2024.01.25

자바스크립트 Async & Await (비동기 프로그래밍 문법)

안녕하세요 자바스크립트 내용 마지막인 Async & Await 에 대해 알아보겠습니다. 우선 async & await에 대한 개념부터 알아보겠습니다. async & await 란? -> 자바스크립트의 비동기 처리 패턴 중 최신의 패턴으로, 프로미스가 비동기 처리를 좀 더 편리하게 해주었다면, async/await는 프로미스를 더욱 쉽게 사용할 수 있게 해줍니다. 모든 설명과 소스 해석은 주석으로 처리하였습니다. /** * Async & Await (비동기 프로그래밍 문법) * async 함수는 함수 앞에다가 작성하면 함수 안에 await를 실행할 수 있다. * await를 쓰면 다음 코드가 await를 한 함수가 끝날 때까지 실행되지는 않지만, 쓰레드를 막고 있지는 않다. * 따라서 선언한 함수 외에 다..

JavaScript 2024.01.24

자바스크립트 Callback hell and Promise(콜백헬 그리고 프로미스)

안녕하세요~ 오늘 알아볼 내용은 자바스크립트 Callback hell 그리고 Promise 입니다. 우선 콜백(Callback)에 대해 살펴보겠습니다. 글을 쓰기 앞서 모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다. 출처: https://inf.run/xNcEg [지금 무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 강의 - 인 이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의 www.inflearn.com 콜백(Callback) 이란? - 함수가 다른 함수의 인자로 사용..

JavaScript 2024.01.24

자바스크립트 비동기 프로그래밍(asynchronous programming), 동기 프로그래밍(Synchronization Programming)

안녕하세요 오늘 알아볼 것은 비동기 프로그래밍과 동기 프로그래밍 입니다. 글을 쓰기 앞서 모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다. 출처: https://inf.run/xNcEg [지금 무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 강의 - 인 이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의 www.inflearn.com 먼저 비동기 프로그래밍에 대한 개념부터 알아 보겠습니다. 비동기 프로그래밍이란? => 자바스크립트는 싱글 쓰레드(Single thread) 언어..

JavaScript 2024.01.20

자바스크립트 Closure(클로저)

안녕하세요~ 최근 코로나 걸리게 되었습니다. 몸은 많이 괜찮아진 상태이고요 틈틈히 이렇게 글을 올립니다. 다들 몸 건강하게 챙기세요~ 글을 쓰기 앞서 모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다. 출처: https://inf.run/xNcEg [지금 무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 강의 - 인 이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의 www.inflearn.com 오늘 알아볼 것은 자바스크립트에서 클로저(Closure)에 대해 알아보겠습니다. 자..

JavaScript 2024.01.19

자바스크립트 Execution Context (실행 컨텍스트)

글을 쓰기 앞서 모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다. 출처: https://inf.run/xNcEg 오늘은 Execution Context에 대해 알아보겠습니다. 개념부터 짚고 진행하겠습니다. [지금 무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 강의 - 인 이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의 www.inflearn.com 우선 Execution Context(실행 컨텍스트)란? JS 코드와 코드를 실행할 때 필요한 정보를 담고있는 특정 환경이라..

JavaScript 2024.01.11