본문 바로가기

✏️ 공부/JavaScript21

표현식인 문과 표현식이 아닌 문 표현식(expression) - 값을 만들어내는 간단한 코드로, 값이 평가 될 수 있는 문이다. - 한 개 이상의 표현식이 모여 문을 만든다. 문(statement) - statement는 진술, 서술, 선언의 의미로 프로그래밍 언어 안에서는 코드로서 실행할 수 있는 최소 단위이다. - '문'의 집합으로 이루어진 것 → 프로그램 - '문'을 작성하고 순서에 맞게 나열하는 것 → 프로그래밍 문(statement) - 변수에 할당 가능 여부로 아래와 같이 나뉜다. 표현식인 문 표현식이 아닌 문 - 변수에 할당 가능 - 값으로 평가될 수 있는 문 - 값으로 평가 될 수 있기 때문에 콘솔창에 입력 시,평가된 값을 반환 함 ex) 할당문, 삼항 조건 연산자 - 변수에 할당 불가능(Uncaught SyntaxErr.. 2022. 10. 8.
배열 정렬 해보자! sort() filter() map() (작성중) 코딩애플 강의를 듣고 내용을 정리해봅니다. 잘못된 내용에 대한 설명은 감사히 받겠습니다. 배열에 대해 정렬을 하는 함수들이 있다. 배열.sort(); 🌱 문자 정렬하기 ▼ 문자 정렬(오름차순) → 가 ~ 라 가, 나, 다 에서 '가' 보다 '다', 'ㄱ' 보다 'ㅎ' 가 더 크다. // 배열.sort() 정렬 → 문자 정렬을 해줌 let 어레이 = ['다', '나', '가', '라']; // 문자 정렬(오름차순) 어레이.sort(); console.log('문자정렬(오름차순): ' + 어레이); // 문자정렬(오름차순): '가', '나', '다', '라' ▼ 문자 정렬(내림차순) → 라 ~ 가 // 문자 정렬(내림 차순) 어레이.sort(function(a, b){ if(a < b){ return 1; .. 2022. 6. 24.
태그 생성 문법과 객체, 배열의 반복문(forEach, for...in, for...of) 코딩애플님의 강의를 보다가 유용하게 쓰일 것 같아서 정리해보았다. (노션에 정리하니까 잘 안들어간다... 그냥 티스토리에 써야지) 지금 원하는 작업은 select 태그 안의 option 태그를 싹 갈아치우는 것이 목적이다. 강의에서는 jQuery를 주로 쓰는데, jQuery의 append( )를 javascript는 어떤 메서드를 써야 하는지...! (앗 그리고 jQuery의 append( ) 기능으로 무한 스크롤을 만들 수 있다고 한다.) 바닐라 자바스크립트에 appendChild, innerHTML 이것저것 써서 append 를 대신할 것을 넣어보았는데 잘 되지않았다. appendChild는 하나의 요소만 추가가 가능하며, DOM string은 추가가 안되더라. const div = document... 2022. 6. 14.
innerHTML, innerText, textContent 그리고 value (작성중) 🌵 태그 내부에 값을 넣을 때 태그.innerHTML = '내용'; 태그.innerText = '내용'; 태그.textContent = '내용'; 🌵 차이점 innerHTML innerText textContent 공통점 • HTML에 텍스트를 추가한다. • 해당 엘리먼트의 텍스트 값을 반환 한다. • node나 element의 텍스트 값을 읽어오고 설정 가능하다. 차이점 • 자기 자신은 텍스트 값만, 자식들은 텍스트와 태그 값까지 모두 가져온다. • 불필요한 공백을 제거하고 텍스트로 반환 함. • element 내에서 사용자에게 보여지는 텍스트를 읽어옴. • display: none; 으로 정의된 숨겨진 텍스트는 브라우저에서 사용자에게 보여지지 않는다. • 자기 자신과 자식 태그들의 텍스트 값만 가지고.. 2022. 6. 10.

티스토리툴바