js(22)
-
문자열 나누기
문제 설명 문자열 s가 입력되었을 때 다음 규칙을 따라서 이 문자열을 여러 문자열로 분해하려고 합니다. 먼저 첫 글자를 읽습니다. 이 글자를 x라고 합시다. 이제 이 문자열을 왼쪽에서 오른쪽으로 읽어나가면서, x와 x가 아닌 다른 글자들이 나온 횟수를 각각 셉니다. 처음으로 두 횟수가 같아지는 순간 멈추고, 지금까지 읽은 문자열을 분리합니다. s에서 분리한 문자열을 빼고 남은 부분에 대해서 이 과정을 반복합니다. 남은 부분이 없다면 종료합니다. 만약 두 횟수가 다른 상태에서 더 이상 읽을 글자가 없다면, 역시 지금까지 읽은 문자열을 분리하고, 종료합니다. 문자열 s가 매개변수로 주어질 때, 위 과정과 같이 문자열들로 분해하고, 분해한 문자열의 개수를 return 하는 함수 solution을 완성하세요. ..
2024.03.07 -
Day25 : setInterval
setIntervalsetInterval(함수명, 시간)n초마다 함수를 실행시켜라ㅡ> 1초마다 test함수를 실행시켜라 setInterval은 추천하는 함수는 아니다 메모리도 많이 차지하고 긴 시간 켜두면 0.n초씩 딜레이가 생기면서 나중에는 n초 차이까지 커지기 때문
2023.12.25 -
Day24 : for-in문 / for-of문
for-in 객체에 사용하는 for문 반목문 안에서 사용할 객체를 in 뒤에 적어준다. 객체의 프로퍼티들(key)이 반복문으로 돌아간다. for-of 배열에 사용하는 for문(배열에서만 쓰는 건 아) of 뒤 배열의 요소 하나하나를 가져온다.
2023.12.25 -
Day23 : 반복문
이 4줄은 텍스트를 변환하는 같은 기능을 구현하고 있다. 굉장히 비효율적이다. 이 부분을 반복문으로 처리해보자. 먼저 timeKeys와 docKeys에 remainingObj, documentObj의 key를 모은 배열을 넣는다. 이후 for문으로 순서대로 documentObj의 value들을(텍스트들을) remaingObj의 value들로 변경한다.
2023.12.24 -
Day22 : JS로 HTML, CSS 조작
0일 0시간 0분 0초가 미리 나와있는 게 마음에 안 든다. D-day를 입력하면 등장하도록 하자 0일 0시간 0분 0초는 d-day-container라는 아이디를 가진 에 감싸져 있다. script.js에 container라는 d-day-counter를 가진 변수를 생성한다. 그리고 display 속성을 none으로 지정한다. display = none → 존재하지만 화면에 보이지 않는 상태로 설정하는 속성값 없어졌다. 이번에는 'D-day를 입력해주세요.'라는 문구를 h3 정도의 두꺼운 텍스트로 변환해본다. textContent에서 innerHTML로 변경한다. innerHTML 해당하는 태그의 안쪽에 직접 html 자체를 입력할 수 있게 한다. 잘못된 시간이 입력되었을 때에도 innerHTML을 활..
2023.12.07 -
Day20 : querySelector() / defer
querySelector() querySelector는 특정 name 이나 id 를 제한하지않고 css선택자를 사용하여 요소를 찾는다 (#tag의 아이디) -> 해당 아이디를 가진tag를 찾습니다 (.tag의 클래스) -> 해당 클래스명을 가진 tag를 찾는다 반환객체는 한개의 요소만 찾을 수 있다. 동일한 클래스명 을 가진 객체가 있다면 html문서내의 첫번째를 나타나는 요소를 반환 textContent 해당 태그의 내부에 직접 텍스트를 추가해줄 수 있는 속성 index.html의 index.html의 script.js의 시작코드 querySelector()를 이용해 호출할 태그를 선택한다. 만일 defer가 없었다면 html이 파싱되다 말고 script로 넘어와서 d-day-message 태그가 생성..
2023.12.04