winterWood 강의

변수와 상수

변수 Variable 값을 저장할 수 있는 박스. 데이터를 저장할 때 쓰이는 '이름이 붙은 저장소' let age = 30; 상수 Constant 변수와 동일하게 값을 저장할 수 있지만 선언 후 이름을 바꿀 수 없다. const birthday= "2024.03.26"; 변수 네이밍 규칙 $, _ 제외한 기호는 사용할 수 없다. 숫자로 시작할 수 없다. 예약어를 사용할 수 없다. 변수 표기법 Camel Case const birthYear = 2000; Pascal case const MyName = 'name'; Snake Case const mobile_number = '010123456'; Kebab Case const user-id = 'uid';

2024. 3. 26. 15:07

오류

UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??='

(node:36604) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??=' at Loader.moduleStrategy (internal/modules/esm/translators.js:145:18) (Use `node --trace-warnings ...` to show where the warning was created) (node:36604) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by..

2024. 3. 18. 17:05

coding

사이드 프로젝트 진행 중 1

애스크, 산타 트리 등의 기반으로 롤링 페이퍼를 주고받는 페이지를 구현하려고 한다. 프론트 두 명과 백 두 명으로 구성되어 있으며, 현재 기획과 디자인 단계를 진행 중이다. 디자인은 오랜만에 내가 하고 있으며.. 틀을 잡아가고 있다.

2024. 3. 15. 10:37

카테고리 없음

Node로의 접근(parentNode, childeNode, firstChlide....)

Node로의 접근 HTML 문서에서 HTML DOM 노드에 접근하는 방법 2가지 getElementsBy~ 메소드를 이용 노드간의 관계를 이용하여 접근하는 방법 parentNode : 부모 노드 childNodes : 자식 노드 리스트 firstChild : 첫 번째 자식 노드 lastChild : 마지막 자식 노드 nextSibling : 다음 형제 노드 previousSibling : 이전 형제 노드 nodeName (노드 고유의 이름을 저장하므로, 수정할 수 없는 읽기 전용 프로퍼티) // HTML 문서의 모든 자식 노드 중에서 두 번째 노드의 이름을 선택함. document.getElementById("document").innerHTML = document.childNodes[1].nodeNam..

2023. 11. 23. 17:37

coding

GSAP 제공하는 Style 트윈 기본 문법

GSAP 제공하는 Style 트윈 기본 문법 CSS Style과 동일하게 gsap에 내장된 Style 변경 방법입니다. 장점은 CSS Style 보다 코드가 좀 간편합니다. GSAP에서 제공하는 Style과 CSS Style의 문법 차이를 아래와 같이 간단하게 정리해 보겠습니다. GSAP CSS x:300 transform: translateX(300px), margin-left: 300px y:300 transform: translateY(300px), margin-top: 300px scaleX:2 transfome: scaleX(2) scaleY:2 transfome: scaleY(2) rotation:360 transform: rotate(360deg) rotationX:180 transform:..

2023. 9. 22. 15:46

카테고리 없음

누구보다 쉽게 Readme 적기 (코테 문제 Readme 정리 방법)

Typora — a markdown editor, markdown reader. Readable & Writable Typora gives you a seamless experience as both a reader and a writer. It removes the preview window, mode switcher, syntax symbols of markdown source code, and all other unnecessary distractions. Instead, it provides a real live preview typora.io 꿀팁 중 꿀팁입니다 바로 다운로드 받으세요 문제를 그대로 복사하고 Typora에 붙여 넣습니다 그러면 이렇게 바로 마크다운을 해 줍니다 이걸 복사해서 자신..

2023. 9. 19. 16:21