일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- redux상태유지
- @redux-toolkit
- children vs childrenNodes
- 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/
- 노드교과서
- https://lo-victoria.com/introduction-to-redux-toolkit-for-beginners
- UX
- CSS
- js
- toString#String
- slice/splice/split
- 자바스크립트#JS#slice#splice
- Beesbeesbees
- removeCookie
- https://developer-talk.tistory.com/299
- 헷갈린다~
- react
- ㄷㅌ
- 자바스크립트
- JS#3일차달리자#초반인데#시간금방~
- 자바스크립트#조건문#문자열
- 자바스크립트#JS#var#let#const#undefined#null
- variable#function
- 내장고차함수
- for~in/for~of
- UI
- cmarket
- https://www.daleseo.com/js-array-slice-splice/
- User Flow
- dom
- Today
- Total
목록전체 글 (161)
Daily Front_Minhhk
배열인지 아닌지 확인하기 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 = [..
LINUX 기본적인 명령어 프롬포트(prompt) : 터미널에서 글자가 입력되는 공간 (CLI의 명령줄 대기모드 라고도 한다.) CLI에서 .은 현재 폴더를 나타냅니다. ..은 현재 폴더(.)을 기준으로, 앞에 .이 하나 더 붙습니다. 이렇게만들어진 ..은 현재 폴더보다 앞에 있는 폴더를 가리킵니다. pwd: 현재 위치를 확인하는 명령어 mkdir: 새로운 폴더를 생성하는 명령어 ⇒ 폴더를 생성할 때 띄어쓰기를 하려면 \ (백슬래시)를 써야함. ls: 폴더나 파일의 목록을 출력하는 명령어-rw-r--r--이 출력되었다면 파일이라는 것을 의미하므로, cd 명령어로 진입할 수 없다.ls- al , ls -la : 파일의 포맷, 숨겨진 파일 모두 출력 ls -a : a가 all이라는뜻으로 숨겨진 파일도 보여줌..
innerHTML과 innerText과 textContent 차이는 innerHTML은 요소 내에 있는 HTML과 XML 모두를 의미하고, innerText는 요소 내에서 사용자에게 보여지는 text를 의미하고, textContent는 script나 style 태그와 상관없이 해당 노드가 가지고 있는 text를 의미한다. parseInt와 Number은 비슷하면서도 다른 부분이 있었습니다. 둘 모두 숫자형으로 타입을 바꿔주지만, 문자열이 숫자로 시작하는 경우와 소수점을 표시하는 부분 -> parseInt()에 대해서는 차이점이 있다.
🔥 우선 최종적 완성본이다. 나이트메어는 못하겠다~~~ㅜ 지금도 최선을 다했다?! 🗣 그냥 막 사용하는 계산기의 로직이 이렇게 복잡할 줄은 몰랐다ㅎㅎ 역시 쉬운건 없다~ 😵💫 오늘은 이렇게 일단락이 되었지만 ,,, 다시 내일을 위해 달려보자고! 깃과 노드에 맛보기 일 듯? 하다 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..
❓ 우선적으로는 간단하게 마쳤다! 기존의 목업 코드에 크게 변경 시키지는 않았지만,, 차근히 다시 공부하는 의미로 속성에 알아보았다. 당장,,,, 내일 해야할 기능 구현이 조금 이상?! 힘들어 보인다ㅠ,, 분발하자. HTML 0 AC Enter 7 8 9 + 4 5 6 - 1 2 3 * 0 . / CSS * { margin: 0; padding: 0; border: 0px; box-sizing: border-box; font-family: "Righteous", cursive; color: #000; } body { background-color: #e9e2f8; } /* 계산기 */ .container { height: 100vh; display: flex; justify-content: center;..
와이어프레임(Wireframe) 웹 또는 애플리케이션을 개발할 때 레이아웃의 뼈대를 그리는 단계를 와이어프레임이라고 합니다. 와이어프레임은 말 그대로 "와이어로 설계된 모양"을 의미하며, 단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한 것입니다. 와이어프레임은 아주 단순하게, 레이아웃과 제품의 구조를 보여주는 용도입니다. 전환 효과나, 애니메이션, 사용자 테스트 같은 스타일링 요소나 UX(사용자 경험, User Experience)를 판단하는 것이 아닙니다. 특히 이번에 우리가 그려볼 와이어프레임의 가장 큰 목적은, 화면의 영역을 구분하는 일입니다. 참고: 클래스 이름으로 지정된 w10, w20, w70, 또는 h20, h40, h80 을 CSS로 구현 .w70 { width: 70%..