DOM의 element를 선택하고 조작하는 방법을 알아본다. document의 Node 및 Element의 method에 대해 알아보고, 간단한 예제로 실습해봅니다.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# [[ Title ]] | |
# <type>(<scope>): <subject> | |
# feat: new feature for the user, not a new feature for build script | |
# fix: bug fix for the user, not a fix to a build script | |
# docs: changes to the documentation | |
# style: formatting, missing semi colons, etc; no production code change | |
# refactor: refactoring production code, eg. renaming a variable | |
# test: adding missing tests, refactoring tests; no production code change | |
# chore: updating grunt tasks etc; no production code change |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import subprocess | |
from enum import Enum | |
class Command(Enum): | |
LEETCODE_CLI = "leetcode" | |
SHOW = "show" # 생성 | |
TEST = "test" # 테스트 | |
SUBMIT = "submit" # 제출 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var mediaJSON = { "categories" : [ { "name" : "Movies", | |
"videos" : [ | |
{ "description" : "Big Buck Bunny tells the story of a giant rabbit with a heart bigger than himself. When one sunny day three rodents rudely harass him, something snaps... and the rabbit ain't no bunny anymore! In the typical cartoon tradition he prepares the nasty rodents a comical revenge.\n\nLicensed under the Creative Commons Attribution license\nhttp://www.bigbuckbunny.org", | |
"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" ], | |
"subtitle" : "By Blender Foundation", | |
"thumb" : "images/BigBuckBunny.jpg", | |
"title" : "Big Buck Bunny" | |
}, | |
{ "description" : "The first Blender Open Movie from 2006", | |
"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4" ], |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// React-Hooks | |
import {useEffect, useRef} from 'react' | |
// Suppose you have three state : restaurant, address, weather. and you want to find which state is affecting in rendering | |
console.log('restaurant' , restaurant); | |
useEffect(()=>{ | |
console.log('restaurant effect', restaurant); | |
},[restaurant]); | |
console.log('address' , address); |