| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
- CSS
- children vs childrenNodes
- react
- https://lo-victoria.com/introduction-to-redux-toolkit-for-beginners
- 내장고차함수
- js
- toString#String
- slice/splice/split
- 자바스크립트#조건문#문자열
- https://dasima.xyz/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%A0%9C%EA%B3%B1-math-pow-%EA%B3%84%EC%82%B0/
- cmarket
- JS#3일차달리자#초반인데#시간금방~
- UX
- 자바스크립트
- 노드교과서
- https://developer-talk.tistory.com/299
- dom
- ㄷㅌ
- @redux-toolkit
- for~in/for~of
- 자바스크립트#JS#slice#splice
- UI
- https://www.daleseo.com/js-array-slice-splice/
- 헷갈린다~
- redux상태유지
- removeCookie
- variable#function
- User Flow
- 자바스크립트#JS#var#let#const#undefined#null
- Beesbeesbees
- Today
- Total
목록js (4)
Daily Front_Minhhk
[JS] DOM과JS, createDocumentFragment(), node vs element, children과 childNodes의 차이, children과 childNodes의 차이, appendChild()
DOM과 JavaScript의 차이에 대해 이해할 수 있다. DOM은 플랫폼이나 구체적인 언어 구현에 종속된 것이 아닌 언어 독립적 인터페이스다. 반드시 자바스크립트로 구현할 필요 없이 DOM 인터페이스 구현만으로 DOM을 조작할 수 있다. DOM 과 자바스크립트 문서(document) 와 문서의 요소(element) 에 접근하기 위해 DOM 이 사용된다. DOM 은 프로그래밍 언어는 아니지만 DOM 이 없다면 자바스크립트 언어는 웹 페이지 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 갖지 못하게 된다. 문서의 모든 element - 전체 문서, 헤드, 문서 안의 table, table header, table cell 안의 text - 는 문서를 위한 document objec..
[JS] DOM[createElement(), append(), querySelector(),setAttribute(’속성명’, ’속성값’), remove() ]
DOM(Document Object Model) HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model, DOM으로 HTML을 조작할 수 있습니다. 웹 브라우저가 작성된 코드를 해석하는 과정에서 요소를 만나면, 웹 브라우저는 HTML 해석을 잠시 멈춥니다. HTML 해석을 잠시 멈춘 웹 브라우저는 요소를 먼저 실행합니다. 요소는 등장과 함께 실행된다는 사실을 꼭 기억하세요. DOM 구조를 조회할 때에는 console.dir이 유용합니다. console.dir은 console.log와 달리 DOM을 객체의 모습으로 출력합니다. 학습 목표 DOM을 JavaScript로 조작하여 HTML Element를 추가할 수 있다. (CREATE) DOM을 ..
[JS] 배열(push,pop / unshift,shift) + (for in/for of, slice/splice/split, concat, join)
배열인지 아닌지 확인하기 let word = [’a’, ’b’, ’c’, ’d’]; type of 를 사용하면 object 라고 나온다. 근데 진짜 객체인지 배열인지 구분이 어렵다. Array.isArray(word) 함수이다. 배열이면 true , 아니면 false를 출력한다. let word = [’a’, ’b’, ’c’, ’d’]; console.table(world) 배열의 요소 추가 및 삭제 배열 뒤를 조작 시 ?? world.push(’e’) 를 하면 word = [’a’, ’b’, ’c’, ’d’, ‘e’] ⇒ 뒤쪽에 추가 world.pop() 을 하면 word = [’a’, ’b’, ’c’, ’d’, ‘e’] ⇒ 뒤쪽 삭제 앞을 조작 시?? world.shift() 를 하면 word = [..
[CSS, JS] 계산기에 기능 추가하기!
🔥 우선 최종적 완성본이다. 나이트메어는 못하겠다~~~ㅜ 지금도 최선을 다했다?! 🗣 그냥 막 사용하는 계산기의 로직이 이렇게 복잡할 줄은 몰랐다ㅎㅎ 역시 쉬운건 없다~ 😵💫 오늘은 이렇게 일단락이 되었지만 ,,, 다시 내일을 위해 달려보자고! 깃과 노드에 맛보기 일 듯? 하다 html은 그대로 가져가고, css에서 버튼의 border-bottom 추가와?? 아래 active 추가를 해주었다. 클릭시 효과를 나타낸다! CSS,, .clear__and__enter > button:active { box-shadow: 1px 1px 0 rgba(77, 234, 137, 0.5); position: relative; top:2px; } button:active { color: #ffffff; font-siz..