저장을 습관화

https://search.shopping.naver.com/book/catalog/32436248685?cat_id=50010881&frm=PBOKPRO&query=%EC%9E%90%EB%B0%94+%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8+%EC%99%84%EB%B2%BD+%EA%B0%80%EC%9D%B4%EB%93%9C&NaPm=ct%3Dlj2terxk%7Cci%3D98eced97e85bb9b1776c8b34f953e4ad8a2bf7ee%7Ctr%3Dboknx%7Csn%3D95694%7Chk%3Db1a6d4f39dbbb9506853935ee849a33c9616cc58 자바스크립트 완벽 가이드 : 네이버 도서 네이버 도서 상세정보를 제공합니다. search.shopping.na..

1. Git 브랜치 배우기 게임 https://learngitbranching.js.org/?locale=ko Learn Git Branching An interactive Git visualization tool to educate and challenge! learngitbranching.js.org 게임의 형식으로 깃의 개념과 흐름, 용어들에 대해서 배울 수 있다. 2. 매우쉽게 알려주는 git&github https://codingapple.com/course/git-and-github/ (무료) 매우쉽게 알려주는 git & github - 코딩애플 온라인 강좌 Next.js는 프론트엔드부터 서버까지 만들 수 있는 React기반 프레임워크입니다. 이것만 사용해도 풀스택 웹개발이 가능합니다. Nex..

0. 지금까지는 주석달때 아래와 같이 썼었다 // name하고 age 넣고 실행하면 nameage 리턴하는 함수임 function hello(name, age) { return name + age; } 이런 경우 메모를 해뒀으니 나중에 아 hello는 이런 함수구나 하고 알 수 있겠지만 코드의 양이 너무 많아졌으면 지금 사용하려는 함수가 뭐였더라..? 싶어 다시 주석보러 올라갔다 오기 귀찮을때 더 좋은 방법이 있다. 1. JSDoc 기능 주석을 쓸때 //(내용) 대신, /**(내용)*/ 이라고 적는 것이다. /**name하고 age 넣고 실행하면 nameage 리턴하는 함수임*/ function hello(name, age) { return name + age; } 이런 식으로 사용하면 함수를 사용하기 ..

- 오늘 보게된 자바스크립트 기초 강의 재밌고 유용하니 다른 사람들에게도 추천하고 싶다 6편 기본 제공이고, 나머지는 결제 후 수강이다. 기본 제공 강의 6편으로 selector와 function, getElementById, addEventListener 실습도 가능하니 나중에 헷갈리면 다시 보기 위해 메모한다. 메세지에요 닫기 버튼 ID 버튼 PW 버튼 // 위 두줄의 'block', '~입력안했어요'가 argument, 전달인자이고 낮에는 딴 생각만 들었는데 해가 지면 공부에 집중이 더 잘되는건 왜일까

const func(a, b) { return a+b; } console.log(func(1,2)); 위 코드에서 함수의 정의 부분에 나열되어 있는 a와 b는 parameter, 매개변수이다. 함수의 사용 부분에 있는 1과 2는 argument, 전달인자이다. 함수를 호출할때 전달할 실제값이다. 용어를 명확하게 하자 멍청한걸 들키는 것은 말 한마디로 충분하다.

1. 브라우저 저장소, 로컬 스토리지 혹은 웹 스토리지 https://www.daleseo.com/js-web-storage/ [자바스크립트] 웹 스토리지 (localStorage, sessionStorage) 사용법 Engineering Blog by Dale Seo www.daleseo.com 2. module화 - import와 export 현재 상황 예를들어 a.html과 b.js, c.js를 가지고 있음 a.html에서 라고 두 js 파일을 쓰겠다고 표시해주었음 b.js에서 const로 변수 test를 선언해주었고 export는 하지 않았음 c.js에서 import를 쓰지 않았는데 c.js가 변수 test를 사용할수 있는 상황임 왜??? chatgpt에게 물어봤음 ChatGPT: 일반적으로 자바..

python, 한국어 팩 등 필수적인 것은 제외 - Live Server HTML 문서 작성 중 우클릭 -> open with live server를 클릭하면 브라우저에서 127.0.0.1:5500으로 현재 HTML 문서의 결과를 띄워줌 HTML 문서를 수정하고 저장만 해주면 자동으로 브라우저 새로고침까지 해주니 알트탭만 해주면 됨. 편함 - prettier 코드의 줄맞춤이나 탭간격을을 맞춰줌 엥 VSC에 기본 기능 shift+alt+f 있는데 뭐한다고 이런건 또 씀? 이라고 생각했는데 얘는 문서 저장만 누르면 포매팅이 자동임. 사용자가 일일이 손목꺾어가며 쉬프트 알트 에프 누를 필요 없음 나같은 습관적 컨트롤 에스 사용자에겐 안쓸 이유가 없는 프로그램 그리고 팀원들이 모두 prettier를 사용한다면 ..

https://www.yes24.com/Product/Goods/92742567 모던 자바스크립트 Deep Dive - YES24 『모던 자바스크립트 Deep Dive』에서는 자바스크립트를 둘러싼 기본 개념을 정확하고 구체적으로 설명하고, 자바스크립트 코드의 동작 원리를 집요하게 파헤친다. 따라서 여러분이 작성한 코드 www.yes24.com 읽자