개발 공부 일지

지난 번 배열에 이어 이번에는 스트링과 관련한 주요 메서드 혹은 지식들을 정리해보자. - 접근 1. str.charAt(i) 2. str[i] => 두번째 방법은 접근만 가능할 뿐 변경 및 삭제 불가 - String 생성자와 원형 비교 1. new 키워드를 사용한 String()호출은 String이 아닌 객체 형태를 반환한다. const s_prim = "foo"; const s_str = String(s_prim); const s_obj = new String(s_prim); console.log(typeof s_prim); // "string" console.log(typeof s_str); // "string" console.log(typeof s_obj); // "object" - 유니코드 변환 ..

JS 배열과 관련 메서드 혹은 속성들을 정리해보자.(자주 사용할 것 같은 것 위주) 🎯 정리 - array.length ✨ : 배열 길이 - array.push(item) / array.pop() ✨ : 배열 뒤에 원소 삽입/삭제 - array.unshift(item) / array.shift() : 배열 앞에 원소 삽입/삭제 - array.indexOf(item) ✨ : 원소의 인덱스 찾기 indexOf()는 === 연산자를 통해 비교한다는 것을 고려해서 사용해야한다. 해당 원소가 발견되지 않으면 -1을 반환한다. - array.concat(array1, array2, ...) ✨ : 배열 합치기 인자로 넘겨 받은 배열 혹은 원소들을 기존의 배열에 추가한 배열을 반환한다. const month1 = [..

지금까지는 대부분 innerText 속성만으로 값을 가져오고 변경했었다. 하지만, 사용자가 입력한 값을 저장하고, 다시 input창을 비우려고 하는데 innerText속성 값의 변경으로는 비워지지 않는 현상이 발생했다. textContent 속성도 이용해보았으나 실행되지 않았고, 오직 value 속성을 통해서만 창이 비워지는 것을 확인하였다. 이러한 상황에서 innerHTML까지를 포함한 네 개의 속성의 차이점에 대해 궁금해졌다. .value # input과 같은 form의 요소의 값을 가져오고자 할때 사용. .innerText # 마크업 언어가 적용된 상태로 텍스트를 가져온다. 즉, 사용자에게 보이는 텍스트만을 가져온다. Hello world ​ .textContent # div, span과 같은 태그..

나는 현재 사용자가 입력한 텍스트를 li 객체에 동적으로 할당하여 보여주는 프로젝트를 진행중이다. 각 li 객체 내부에 쓰레기통 아이콘도 넣어, 삭제 연산을 하도록 하려는데, FontAwesome에서 제공하는 아이콘을 어떻게 삽입해야하는지 알 수가 없었다. (기존에 새로 만든 객체에 속성을 부여하듯이 element.class = "아이콘 값"이라고 입력도 해보았으나, 역시 틀린 답이었다.ㅎㅎ) #위 이미지 클릭시 해당 이미지의 fontawesome 페이지로 연결됨 이미 나와 같은 문제에 마주쳤던 사람들이 있어 다행히 두가지의 해결 방안을 금방 얻을 수 있었다. deleteBtn이라는 새로운 객체를 만들고 난 이후의 코드이다. 1. innerHTML을 이용 deleteBtn.innerHTML = '' 2...

현재 시간을 띄우기 위하여, 현재 날짜 정보를 호출하는 메서드가 필요했다. 이게 처음에는 잘 기억이 나지 않아 Date, Date.now(), Date.now().hour(), 등등을 막 입력했었는데, 결국 답을 찾지 못했었다. Nico의 강의영상을 보며 작성했던 초기 코드를 다시 복습하면서 글을 남긴다. Date()를 입력하면 현재 날짜를 얻어올 수 있고, 아래와 같이 특정 변수에 동적할당을 해주어야 getHours(), getMinutes(), ...와 같은 메서드를 쓸 수 있는 듯하다. 이것저것 다 해봤지만 그 외에는 불가능했다. 구체적인 이유는 더 찾아봐야할 것 같다 ㅜㅜ function getClock() { const date = new Date(); const hour = String(dat..