frontend/JavaScript6 [필기] 자바스크립트 기초 입문 강의 30분 │조코딩 https://youtu.be/E-PzX2mKGUQ?t=317 JavaScript 코드를 간단히 테스트하려면 1. 웹브라우저(크롬)을 켠 다음, 2. 마우스 우클릭 > 검사 Ctrl+Shift+J 3. 콘솔 클릭 4. REPL 방식으로 코드를 테스트할 수 있다. ☆ 아랫줄로 이동하기 위해서는 Shift+Enter를 친다. 5. 한 개의 명령이 끝나면 세미콜론(;)을 찍는다. (안 찍어도 동작하기도 함. 그래도 찍는 버릇이 좋다.) ☆ 브라우저 콘솔에서는 '수정'은 안 된다. 다만, 위-아래 화살표를 눌러서 덮어쓰기 해서 다시 쓸 수는 있다. 6. console.log();는 '프린트' 하고 비슷한 건데, 내장함수로써 콘솔에 결과를 출력할 때 쓴다. REPL에 대해 설명해 줘. 더보기 물론, REPL에 대.. 2023. 8. 3. JavaScript의 주요 내장함수(built-in function) '내장함수'라는 건, 개발자들이 자주 사용하는 함수를 API로 제공하는 거지? Bard 네, 맞습니다. 내장 함수는 개발자들이 자주 사용하는 함수를 API로 제공하는 것입니다. 내장 함수는 JavaScript 엔진에 내장되어 있으며, 별도의 설치 없이 사용할 수 있습니다. 내장 함수는 JavaScript의 표준에 명시되어 있으며, 모든 JavaScript 구현은 이 표준을 준수해야 합니다. 내장 함수는 개발자들이 자주 사용하는 함수를 제공함으로써, 개발자들이 코드를 쉽게 작성하고 유지할 수 있도록 도와줍니다. 예를 들어, `console.log()` 함수는 콘솔에 값을 출력하는 함수로, 개발자들이 디버깅을 쉽게 할 수 있도록 도와줍니다. 내장 함수는 JavaScript의 표준에 명시되어 있기 때문에, 모.. 2023. 8. 2. JavaScript의 기본 문법 JavaScript의 작성법(=문법)에 대해 요약해 줘. chatGTP3.5 자바스크립트의 기본 문법과 작성법을 상세히 설명하겠습니다. 변수 (Variables): 변수는 값을 저장하기 위해 사용되는 식별자입니다. 자바스크립트는 변수를 선언할 때 var, let, const 세 가지 키워드를 사용할 수 있습니다. - var: 과거에는 주로 사용되었으나, 블록 스코프를 지원하지 않아서 권장되지 않습니다. (대신 let 사용이 더 권장된다.) var x = 10; - let: 블록 스코프를 지원하며, 변수의 값을 변경할 수 있습니다. let y = 20; - const: 블록 스코프를 지원하며, 상수를 선언할 때 사용되며 값의 변경이 불가능합니다. const PI = 3.14; 데이터 타입 (Data Typ.. 2023. 8. 2. 브라우저를 가득 채우는 작은 셀 생성 코드를.. `const cellCount = 10000;`이라고 한계를 지은 이유는? chatGTP `const cellCount = 10000;`이라고 한계를 지은 이유는 무한히 많은 셀을 생성하는 것이 성능과 브라우저의 부하에 영향을 미칠 수 있기 때문입니다. HTML과 JavaScript를 사용하여 동적으로 셀을 생성하는 것은 브라우저의 메모리와 렌더링 성능에 영향을 미칩니다. 많은 수의 DOM 요소를 생성하면 메모리 사용량이 증가하고, 브라우저의 렌더링 엔진이 요소들을 화면에 표시하는 데 시간이 더 많이 걸릴 수 있습니다. `cellCount`를 적절한 값으로 설정하는 것은 사용자 경험과 성능에 영향을 미치는 중요한 요소입니다. 수천 개 이상의 셀을 생성하면 웹 페이지가 느려질 수 있고, 스크롤링 및 상호작.. 2023. 7. 26. 스크립트 파일 분리 방법 문서를 분리하는 것은 코드의 가독성과 유지보수를 향상시키는데 도움이 될 수 있습니다. 일반적으로 코드를 각각의 역할이나 기능에 따라 분리하여 관리하면 코드의 복잡도가 낮아지고 코드 간의 의존성이 줄어들어서 코드의 유지보수가 용이해집니다. 문서를 분리하는 방법으로는 여러 가지가 있습니다: 1. 스크립트 파일 분리: 각 기능이나 역할에 따라 스크립트를 여러 개의 파일로 나누고, HTML 문서에서 ` ``` 2. 외부 스크립트 파일 링크: 스크립트를 외부 파일로 분리하고, HTML 문서에서 링크를 통해 스크립트를 가져오는 방법입니다. ```html ``` 3. 모듈화: 모듈을 사용하여 기능을 별도의 논리적 단위로 분리하는 방법입니다. ES6 이후의 JavaScript에서는 `import`와 `export` 키.. 2023. 7. 23. 진짜 웹개발로 배우는 실용 자바스크립트 1강~(코딩애플) https://www.youtube.com/watch?v=8rv8GTgYYrU&list=PLfLgtT94nNq0svPBSslzReYKbZRuv_-NK&index=1 필기 웹 환경에서 JavaScript의 목적은 HTML를 조작하고 변경하기 위해서임. 이것만 기억해도 됨. (예) document.getElementByID('hello').innerHTML='안녕'; :(웹)문서의 어쩌구 저쩌구. 쩜(.)은 "~의"라고 해석하면 됨 이퀄(=)은 코딩에서 오른쪽에 있는 거를 왼쪽에 "대입한다"는 뜻임. 따옴표는 '문자'를 담을 때 쓰는 거임 documet.... ) : 이걸 selector 라고 함 innerHTML : 이건 구글에서 검색해서 찾아야 함. (이 코드로 HTML의 거의 모든 요소를 변경시킬 수 .. 2023. 7. 20. 이전 1 다음
