코딩공부

See the Pen 자바스크립트 Hoisting by nilgi (@nilgi) on CodePen. 자바스크립트 Hoisting Hoisting is JavaScript's default behavior of moving all declarations to the top of the current scope (to the top of the current script or the current function). 변수는 맨 위에 선언. 오류 방지를 위에 항상 시작 부분은 모든 변수를 선언한다. 자바스크립트의 기본 규칙입니다.

See the Pen 자바스크립트 정규 표현식 by nilgi (@nilgi) on CodePen. search() : 값을 검색하고 위치 표시 replace() : 문자열 바꾸기 재미난 네이버 블로그 (◕ᴗ◕✿) 진짜?! 눌러 지금은 2024년입니다. i, g, m i : 대소문자 구분 없음 g : 모두 찾기 m : 일치 값 찾을 때까지 [a], [0~9], (x|y) [a] : 대괄호에 있는 문자 찾기 [0~9] : 숫자 찾기 (x|y) : 구분선 대안 찾기 \d, \s, \b, \usxxx \d : 숫자 찾기 \s : 공백 찾기 \b : 시작이나 끝나는 문자 위치 표시 \uxxxx : 16진수 유니코드 찾기 n+, n*, n? n+ : n이 하나 이상 들어가는 문자 다 찾기 n* : n이 포함한 문..

See the Pen first-letter by nilgi (@nilgi) on CodePen. first-letter는 다음 속성을 가질 수 있습니다. • font • color • background • margin • padding • border • text-decoration • vertical-align (float이 'none'일 때) • text-transform • line-height • float • clear Love of my life, you've hurt me You've broken my heart And now you leave me Love of my life, can't you see? Bring it back, bring it back Don't take it awa..

See the Pen text-indent by nilgi (@nilgi) on CodePen. text-indent: 30px; 내 곁에 있어줘 내게 머물러줘. 네 손을 잡은 날 놓치지 말아줘. 이렇게 니가 한 걸음 멀어지면내가 한 걸음 더 가면 되잖아 [정준일 - 안아줘] text-indent: 10%; 내 곁에 있어줘 내게 머물러줘. 네 손을 잡은 날 놓치지 말아줘. 이렇게 니가 한 걸음 멀어지면내가 한 걸음 더 가면 되잖아 [정준일 - 안아줘] text-indent: 3cm; 내 곁에 있어줘 내게 머물러줘. 네 손을 잡은 날 놓치지 말아줘. 이렇게 니가 한 걸음 멀어지면내가 한 걸음 더 가면 되잖아 [정준일 - 안아줘] text-indent: -1em; / 마이너스 값 가능 내 곁에 있어줘 내게 ..

bitwise "AND" 둘다 1일 때 결과 1 0 & 0 // 0 0 & 1 // 0 1 & 0 // 0 1 & 1 // 1 bitwise "OR(|)" 둘중 하나가 1일 때 결과 1 0 | 0 // 0 0 | 1 // 1 1 | 0 // 1 1 | 1 // 1 bitwise "XOR(^)" 둘이 다르면 결과 1 0 ^ 0 // 0 0 ^ 1 // 1 1 ^ 0 // 1 1 ^ 1 // 0

See the Pen typeof by nilgi (@nilgi) on CodePen. ▶ JavaScript types // 값을 포함할 수 있는 5가지 데이터 유형 • string • number • boolean • object • function // 6가지 유형의 객체 • Objecr • Date • Array • String • Number • Boolean // 값을 포함할 수 없는 2가지 데이터 유형 • null • undefined 유형의 예 constructor 속성 생성자 함수 반환 생성자 속성 확인 Array 간단히 확인하는 방법 === Array 값이 없는 변수는 undefined며 유형도 undefined 값에 undefined룰 줘서 비울 수 있다 undefined와 빈 값은 ..

See the Pen Map by nilgi (@nilgi) on CodePen. Map • new Map() : Creates a new Map • set() : Sets the value for a key in a Map • get() : Gets the value for a key in a Map • delete() : Removes a Map element specified by the key • has() : Returns true if a key exists in a Map • forEach() : Calls a function for each key/value pair in a Map • entries() : Returns an iterator with the [key, value] pair..

See the Pen :first, last-child by nilgi (@nilgi) on CodePen. first-child 첫번째 자식요소 선택 last-child 마지막 자식요소 선택 1번 자식 2번 자식 3번 자식 4번 자식 5번 자식 See the Pen only-child by nilgi (@nilgi) on CodePen. only-child 자식 요소가 유일하게 하나일 때. 다른 어떠한 자식 요소가 없어야 적용 유일한 p 자식 요소 h3 자식요소 p 자식요소

See the Pen :nth-child(n) by nilgi (@nilgi) on CodePen. :nth-child(n) n번째 자식요소 선택. n은 숫자, 홀수(odd), 짝수(even), 수식 가능 :nth-child(n) 1번째 자식요소 2번째 자식요소 3번째 자식요소 4번째 자식요소 5번째 자식요소 :nth-child(홀수 or 짝수) 홀수 칸 짝수 칸 홀수 칸 짝수 칸 홀수 칸 짝수 칸 :nth-child(수식) 1번 2번 3번 4번 5번 6번 7번 8번 9번 10번 :nth-last-child(n) 뒤에서부터 n번째 자식요소 선택. n은 홀수, 짝수, 수식 가능 1번째 요소 2번째 요소 3번째 요소 4번째 요소 5번째 요소

See the Pen new Set() by nilgi (@nilgi) on CodePen. set는 고유 값의 모음이다. 값은 set에서 한 번만 발생한다. - new Set() // 새로운 set 만들기 - add() // set에 요소 추가 - delete() // 요소 제거 - has() // set 값 true를 반환 - forEach() // 각 요소 콜백 - values() // 값이 있는 반복자 반환 - size // 세트 요소 수 반환 add() add() // 동일 요소는 첫 번째 요소만 인정 forEach() values()

See the Pen for of by nilgi (@nilgi) on CodePen. 문자 반복 배열 반복 new Set 반복 map 반복

See the Pen break, continue by nilgi (@nilgi) on CodePen. break : 반복 중단 continue : 반복 중에 조건에 맍는 값은 건너뛰기

See the Pen while by nilgi (@nilgi) on CodePen. while은 참일 때 코드를 반복한다. do while는 값이 참임을 확인하기 전에 한 번 실행하여 조건이 맞으면 반복합니다. 그러므로 거짓이어도 최초 한 번은 실행합니다.

See the Pen :hover:not(.class) by nilgi (@nilgi) on CodePen. 직업 패스파인더 아델 호영 히어로

See the Pen for of by nilgi (@nilgi) on CodePen. for (variable of iterable) {} for of는 반복 가능한 객체를 반복한다. cosnt, let, var 사용 문자를 부여하여 한 글자식 표시할 수 있다.

See the Pen for in by nilgi (@nilgi) on CodePen. for (key in object) { } // for in은 객체 속성을 반복한다. for in이 myname를 반복적으로 불러와서 n에 반환한다. for (variable in array){ code } // for in은 array를 반복할 수 있다. 배열의 순서가 중요할 때는 사용하지 말라고한다. 순서가 중요할 때는 for나 Array.forEach()를 사용하란다. Array.forEach()는 요소를 한 번씩 불러온다. index, array는 생략 가능하다.

See the Pen hr style by nilgi (@nilgi) on CodePen. 기본 • hr 꾸미기는 border를 사용하면 된다. border: 1px solid #000 border: 1px dashed #000 border-top: 1px dashed #000 border-bottom: 1px dashed #000 border: 2px solid #000 border: 2px dashed #000 border-top: 2px dashed #000 border-bottom: 2px dashed #000 ※ border-bottom은 자세히 보면 이중선으로 나오니 border만 쓰던지 border-top을 쓰자. border: 1px dotted #000 border: 1px dotted ..