Multi Developer SuHo

안녕하세요 요즘 빈번하게 글이 올라와서 죄송합니다ㅠㅠ 작업하면서 포스팅 하는 것을 깜빡했네요. 지금이라도 달려보겠습니다. 오늘은 자바스크립트 동기와 비동기 프로그래밍에 대한 내용을 살펴보겠습니다 목차1. 자바스크립트는 싱글 스레드 언어이다1-1. 블로킹(Blocking) 이란?1-2.동기(Synchronous) 프로그래밍이란?1-3. 동기(Synchronous)  코드 예시2. 비동기(Asynchronous) 프로그래밍이란?2-1. 비동기(Asynchronous) 코드 예시 서론 자바스크립트에서 동기와 비동기 프로그래밍에 대해 알아보고, 이해를 돕기 위해 간단한 예시 코드들을 준비했습니다.  본론으로 넘어가시죠  본론1. 자바스크립트는 싱글 스레드 언어 자바스크립트는 한 번에 한 가지 작업만 수행할 수 ..

안녕하세요!! 이번에는 자바스크립트 DOM을 사용한 댓글을 구현하였습니다. 코드의 내용은 주석으로 설명하였습니다. HTML 코드 댓글 쓰기0 JS 코드 // 댓글의 형태가 객체// 생성자 함수// /* { uid: "", content : "", date : "" }*/// 유저의 정보를 담는 객체const user = { uid : "soon",}; const commentList = document..

안녕하세요~ 저번 내용 이어서 DOM의 사용목적과 DOM의 문법들을 살펴보겠습니다. 우선 DOM에 대한 개념을 알고 학습하시는걸 권장드립니다. 목차1. DOM의 사용목적2. DOM의 문법2-1. DOM객체의 요소 선택 2가지 방법2-2. getElementById( )2-3. getElementById( ) 특징2-4. getElementById( ) 사용 코드2-5. querySelector( ) 2-6. querySelector( ) 특징2-7. querySelector( ) 사용 코드3. 요소의 속성값 3-1. 요소의 속성값 코드3-2. 요소의 내용 추가3-3. innerText 3-4. innerHTML3-5. 요소의 이벤트 속성 3-6. onclick 이벤트 속성3-7. onclcik 이벤트 속..

안녕하세요~ 자바스크립트에서  DOM 대해 간단한 개념을 알아보고 DOM의 구조와 DOM에 접근하여 요소를 생성하는 간단한 메서드에 대해 알아봅시다~  목차1. DOM (Document Object Model)1-1. DOM이란 무엇인가?1-2. DOM의 구조1-3. 요소 생성 createElement( ) 메서드1-4. createElement( ) 메서드를 이용한 요소 생성 코드 서론먼저  본론으로 들어가기전 자바스크립트에서 DOM이라고 들어보셨나요?  처음 들었을 때는 DOM이 뭐지? 생각하실 수 있습니다.  DOM(돔) 이라고 하면 감이 전혀 안오시는게 정상입니다. DOM에 대한 개념과 DOM의 구조를 보면서 이해해보는 시간을 가져보겠습니다.  본론1. DOM(Document Object Mode..

안녕하세요!! 오늘은 자바스크립트에서 class(클래스)와 , this bind, ES6 부터 사용되는 화살표 함수와 , 메서드 축약형을 간단하게 알아보는 시간을 가져보겠습니다.더보기더보기더보기📁목차🗒1. 클래스(class)1-1. 클래스란 1-2. 클래스의 목적1-3. 클래스의 상속1-4 클래스의 상속 예시 코드 🗒2. 메서드 축약형2-1. 메서드 축약형이란?2-2. 메서드 축약형 예시코드 🗒3-1. 화살표 함수3-2. 화살표 함수란?3-2. 화살표 함수 예시 코드 🗒4.this bind4-1. this bind란?4-2. this bind 예시코드서론이번에는 자바스크립트에 클래스가 무엇인지, 그리고 클래스의 상속, ES6 이후 사용된  화살표 함수( =>) 사용 코드와 this bind에 대..

안녕하세요~ 자바스크립트 재귀함수와, 생성자 함수, this 키워드에 대해 알아보겠습니다.  더보기목차 📒1. 재귀 함수1-1. 재귀함수란?1-2. 재귀 함수를 사용하는 이유1-3. 재귀 함수의 목적1-4. 재귀 함수 예시 코드2. 생성자 함수2-1. 생성자 함수란?2-2. 생성자 함수 예시 코드3. this 예약어3-1. this 예약어란?3-2. this 예약어 예시 코드 서론 먼저 본론으로 들어가기 전 재귀함수에 대해 들어보셧나요? "재귀 함수" 단어만 들으셨을 때는 좀 어렵게 느끼실 수 있습니다. 예시 코드를 보면서  이해하는 시간을 가지고 , 생성자 함수와 this 키워드에 대해서도 간략히 알아봅시다. 본론 1. 재귀함수 1-1. 재귀 함수란 재귀 함수는 함수의 내용에서 다시 함수 이름으로 함..