자바스크립트(18)
-
문자열 나누기
문제 설명 문자열 s가 입력되었을 때 다음 규칙을 따라서 이 문자열을 여러 문자열로 분해하려고 합니다. 먼저 첫 글자를 읽습니다. 이 글자를 x라고 합시다. 이제 이 문자열을 왼쪽에서 오른쪽으로 읽어나가면서, x와 x가 아닌 다른 글자들이 나온 횟수를 각각 셉니다. 처음으로 두 횟수가 같아지는 순간 멈추고, 지금까지 읽은 문자열을 분리합니다. s에서 분리한 문자열을 빼고 남은 부분에 대해서 이 과정을 반복합니다. 남은 부분이 없다면 종료합니다. 만약 두 횟수가 다른 상태에서 더 이상 읽을 글자가 없다면, 역시 지금까지 읽은 문자열을 분리하고, 종료합니다. 문자열 s가 매개변수로 주어질 때, 위 과정과 같이 문자열들로 분해하고, 분해한 문자열의 개수를 return 하는 함수 solution을 완성하세요. ..
2024.03.07 -
Day26 : 함수의 인자와 매개변수
만들어진 DayCounter에 문제가 있다. '2024년 5월 1일' 이라는 값을 넣고 [카운트다운 시작] 버튼을 눌렀을 때 카운트다운이 시작된다. 이후에 '2024년 5월 10일'로 값을 바꾸면 [카운트다운 시작] 버튼을 누르지 않아도 '2024년 5월 10일'을 기준으로 카운트다운이 된다. > input box에 담겨져 있는 데이터만 변경했을 뿐인데 카운트가 변경되었다. 원인 [카운트다운 시작] 버튼을 누르게 되면 starter() 함수가 실행되면서 그 안에 있는 setInterval 함수가 실행된다. setInterval함수에 의해서 counterMaker라고 하는 함수가 1초마다 반복 실행되고 있다. counterMaker 함수에는 dateFormMaker라는 함수를 실행시키고 dateFormMa..
2024.01.06 -
Day25 : setInterval
setIntervalsetInterval(함수명, 시간)n초마다 함수를 실행시켜라ㅡ> 1초마다 test함수를 실행시켜라 setInterval은 추천하는 함수는 아니다 메모리도 많이 차지하고 긴 시간 켜두면 0.n초씩 딜레이가 생기면서 나중에는 n초 차이까지 커지기 때문
2023.12.25 -
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 -
Day19 : 조건에 따른 메시지 출력
remaining(남은시간)이 0이라면, "타이머가 종료되었습니다." 출력 이번엔 유효하지 않은 값이 들어왔을 때, "유효한 시간대가 아닙니다." 출력 isNaN 변수에 들어있는 값이 NaN인지 판별
2023.12.04 -
Day18 : 조건문과 논리연산자
조건문 로직의 실행분기점 지정해준 특정 조건을 통과하는지 검증 통과 여부에 따라 별도 기능을 수행하도록 하는 명령 if문 if(true) { 조건이 성립하면 실행되는 코드 } 객체의 이름이 Jason이라면 콘솔이 출력되게 해보자. 객체의 이름이 Jason 또는 Peter인 경우 콘솔이 출력되게 해보자. → 이 경우 같은 조건문을 두 번 사용해야하는 비효율적인 면이 있다 논리 연산자 && AND 연산자 : 양쪽에 위치한 조건을 모두 만족하는 경우 TRUE || OR 연산자 : 양쪽에 위치한 조건 중, 하나라도 만족하는 경우 TRUE
2023.12.03