문제 설명 정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요. 제한 조건 num은 int 범위의 정수입니다. 0은 짝수입니다 문제 풀이 function solution(num) { return (num % 2) ? "Odd" : "Even"; } 0==False인 것을 이용해 삼항연산자를 사용했다. num = 4라면 %2는 0이므로 "Even" 출력.
개발 뜯기
공통점 텍스트값을 읽어오고 설정할 수 있다. 차이점 1. textContent textContent는 식별자 노드의 내부 콘텐츠를 text/plain으로 파싱(Parsing)한 결과이다. 즉, 해당 노드가 가지고 있는 텍스트 값을 그대로 읽기 때문에 다른 프로퍼티들에 비해 파싱이 빠르다. IE 엔진에 적합하게 만들어졌기 때문에 해당 환경에서 성능이 더 좋다. "만나서 반갑습니다." 로 입력되어있을 때, 연속되는 공백이 그대로 처리되어 보여진다. 2. innerTEXT innerText 프로퍼티의 값은 text/plain으로 파싱한 결과이다. 해당 Element 내에서 사용자에게 보여지는 텍스트 값을 읽어온다. 때문에 원시텍스트가 최종적으로 렌더링 된 모습이 된다. "만나서 반갑습니다." 로 입력되어있을 ..
touch event를 사용해 모바일 터치 슬라이더를 구현해본다. HTML slide-contents 를 감싸는 slide-box가 있고 전체 영역인 slide-wrap으로 구조를 짜놨다. 오늘의 감정을 기록할 준비가 됐나요? 1 Emoary로 당신의 하루를 기록 해보세요. 오늘의 감정을 모아 월별로 확인할 수 있어요. 오늘의 감정을 기록할 준비가 됐나요? 2 Emoary로 당신의 하루를 기록 해보세요. 오늘의 감정을 모아 월별로 확인할 수 있어요. 오늘의 감정을 기록할 준비가 됐나요? 3 Emoary로 당신의 하루를 기록 해보세요. 오늘의 감정을 모아 월별로 확인할 수 있어요. CSS contents의 width값은 300px으로 맞춰주고 box는 position을 relative로 지정해줬다. tra..
검색하다보면 제이쿼리를 이용한 bx slider는 많은데 자바스크립트는 잘 없는 것 같아 만들기로 했다. 텍스트 박스 세 개를 슬라이더로 구현하기로 했다. 우선 영역은 크게 세 개로 나뉜다. 어쩌구저쩌구 1. slide-wrap : 슬라이드가 보이는 영역 2. slide-box : 컨텐츠 넓이의 합 3. slide-contents : 컨텐츠 영역 3번이 400px 이라고 할 때, 2번은 3*400px = 1200px로 상하 또는 좌우로 슬라이드가 움직이는 영역의 총 값이 된다. 1번은 컨텐츠 넓이와 똑같이 지정 + overflow: hidden을 통해 보이고자하는 부분만 나올 수 있게 한다.
1. setInterval() / clearInterval setInterval() 함수는 일정 시간 간격으로 코드를 반복 실행 하는 함수이다. 첫 번째 인자는 반복 실행하고자 하는 코드, 두 번째 인자는 시간 정보 (단위: ms)로 설정한다. clearInterval() 함수는 타이머 동작을 중지시키는 함수이다. let timer = setInterval(() { console.log("일정 시간 코드 반복"); }, 1000) clearInterval(timer); 2. setTimeout() / clearTimeout setInterval() 함수는 지정한 시간 간격에 코드가 딱 한 번 실행되는 함수이다. 첫 번째 인자는 한 번 실행하고자 하는 코드, 두 번째 인자는 시간 정보 (단위: ms)로 설..
