JavaScript 속성 및 메서드DOM 조작요소 선택// 요소 선택const element = document.getElementById('id');const elements = document.getElementsByClassName('class');const elements = document.getElementsByTagName('div');const element = document.querySelector('.class');const elements = document.querySelectorAll('div.item');요소 속성 조작// 속성 가져오기element.getAttribute('src');element.id;element.className;element.classList; // D..

HTML 속성HTML 속성은 HTML 요소에 추가 정보를 제공하며, 요소의 시작 태그 내에 정의됩니다.글로벌 속성 (모든 HTML 요소에서 사용 가능)속성설명예시id요소의 고유 식별자class요소의 클래스명 (CSS, JS에서 사용)style인라인 CSS 스타일title요소에 대한 추가 정보 (툴팁)hidden요소를 화면에 표시하지 않음data-*사용자 지정 데이터 속성lang요소의 언어 지정dir텍스트 방향 설정tabindex탭 키로 초점 이동 순서contenteditable요소를 편집 가능하게 함주요 HTML 요소별 속성링크 ()링크href: 링크 대상 URLtarget: 링크를 여는 방식 (_blank, _self, _parent, _top)rel: 현재 문서와 링크된 문서의 관계download: ..

2024 - 2023년도 문제 풀면서, 틀린 문제 위주로 1과목만 정리한 내용총 3 Page전체적으로 CBT만 돌리면, 2급 필기 1과목은 점수 80점 이상 쉽게 나오는 듯 하다.

프론트엔드로 전향하기로 마음 먹은 이후, 첫 자바스크립트 공부로 한입 FE 챌린지 with 자바스크립트를 수강하게되었다!내용이 많이 어려워서, 이해에 중점을 두기보단 자바스크립트가 어떤식으로 흘러가는지 흐름을 파악하는 걸로 했다. 중간중간 여러 실습들이 있어서, 따라치면서 공부했고 오늘 완강하게 되었다!사실 모범 답안 코드가있어서, 코드 못 따라 친거라던가, 오류가 왜 뜨는지에 대해서 답안 코드 보면서 오타 찾고했었다!마지막 포켓몬 도감/Trip-Wiki 프로젝트도 이해는 잘 못한 것 같아 아쉽다. 후에 공부해서, 포켓몬 도감을 동물의 숲 주민 도감으로 :-) 만들어보려한다.챌린지 시작 후, 마지막날까지 매일 매일 있었던 문제들과, 실습들 코드들! https://github.com/gxnie/one-bi..

📌this란? 자바스크립트에서 this는 함수가 어떻게 호출되었는지에 따라 달라지는 특별한 키워드즉, 정의된 위치가 아니라 "호출된 방식" 에 따라 this가 가리키는 대상이 바뀐다.📌 상황별 this 정리1. 일반 함수 호출function showThis() { console.log(this);}showThis(); // 브라우저 환경: window, strict 모드: undefined일반 함수에서 this는 전역 객체(window) 를 가리킨다.단, "use strict" 모드에선 undefined가 된다.2. 객체의 메서드로 호출const user = { name: 'Alice', sayHi() { console.log(this.name); }};user.sayHi(); // "A..

문제 상황Animal Album 프로젝트를 진행하면서 Live Server로 실행했을 때,브라우저에서 다음과 같은 오류가 발생했습니다Failed to load resource: the server responded with a status of 404 (Not Found)ERR_CONNECTION_REFUSED프로젝트 구조와 코드가 강의 내용과 완전히 동일함에도 불구하고, 404 Not Found 오류가 계속 발생했습니다.원인 분석1. Live Server 경로 문제프로젝트 폴더 전체를 VS Code로 열지 않고, index.html 파일만 열어 Live Server를 실행했습니다.이 경우, 서버가 루트 디렉토리를 index.html 파일의 상위 폴더가 아니라 파일이 있는 위치로 인식합니다. 2. 경로 ..

1. 연산잔치 ALU(Arithmetic Logic Unit)연산에 필요한 자료를 입력받아 산술, 논리, 관계, 이동연산 등 다양한 실제 연산을 수행하는 장치ex) 누산기 : 연산 장치 중 하나, 중간 연산 결과를 일시적으로 기억하는 레지스터2. 유니코드(UNICODE) 전 세계 모든 문자를 2Byte로 표현 가능1Bite = 8bit (256)2Bite = 16bit (512)국제 표준 코드3. 파일 및 폴더파일이나 폴더의 이름은 공백을 포함할 수 있다.폴더의 '속성' 대화상자에서는 폴더의 저장위치를 변경할 수 없다.폴더의 '속성' 대화상자에서는 폴더를 삭제할 수 없다.파일/폴더를 같은 드라이브에서 이동하려면 아무것도 누르지 않은 채 마우스로 드래그 앤 드롭한다.4. IPv616비트씩 8부분으로 총 1..