본문 바로가기

Front-End5

Learn JavaScript_Arrays let newYearsResolutions = ['Keep a journal', 'Take a falconry class', 'Learn to juggle']; 자바스크립트 배열 ∘ let으로 정의된 array는 reassign 될 수 있음 ∘ const array는 배열 내의 요소를 바꿀 수는 있지만 배열 전체를 새로 정의할 수는 없음 ∘ 배열.push(요소1, 요소2, ...) : 배열에 1개 이상의 요소 추가 ∘ 배열.pop() : 배열의 마지막 요소 삭제 ∘ 배열.pop()을 부르는 것만으로도 실행돼서 배열의 마지막 요소가 삭제됨 ∘ 배열.shift() : 배열의 첫번째 요소 삭제 ∘ 배열.unshift(요소) : 배열의 가장 앞부분에 요소 추가 ∘ 배열.slice(첫번째 요소 번호, 마지막 요소.. 2022. 7. 20.
Learn JavaScript_Conditionals ∘ Math.round() : 반올림 ∘ Math.ceil() : 올림 ∘ Math.floor() : 내림 Magic Eight Ball let userName = 'J'; userName ? console.log(`Hello, ${userName}`) : console.log('Hello!'); let userQuestion = 'Will I adopt a new puppy soon?'; console.log(`${userName} has asked - ${userQuestion}`); let randomNumber = Math.floor(Math.random() * 8); let eightBall = ''; switch (eightBall){ case 0 : eightBall = 'It is cert.. 2022. 7. 14.
Learn JavaScript_Introduction Kelvin Weather //Current temperature in kelvin degrees. const kelvin = 0; //Convert kelvin to celsius const celsius = kelvin-273; //Convert celsius to fahrenheit let fahrenheit = celsius * (9/5) + 32; //Round down fahrenheit variable fahrenheit = Math.floor(fahrenheit); console.log(`The temperature is ${fahrenheit} degrees Fahrenheit.`); let newton = celsius * (33/100); newton = Math.floor(newto.. 2022. 7. 14.
자바스크립트의 시작-웹과 Javascript 코드 javascript 코드임을 웹브라우저에게 알려줌 document.write(’출력 내용’) 웹페이지에 어떤 글씨 출력할 때 onclick 클릭했을 때 onclick 버튼 클릭했을 때 경고창 뜨게 하려면 input 태그 안에 onclick=alert(’경고문’) onchange 내용이 변했을 때 onkeydown 키보드 키를 눌렀을 때 alert(’내용’) 내용을 알림으로 띄움 alert(1+1); 경고창에 2가 출력됨 “문자열” 또는 ‘문자열’ 쓰면 됨 ‘문자열’.length 내용의 글자 수 ‘문자열’.toUpperCase() 문자열을 대문자로 변환 ‘문자열’.indexOf(’찾으려는 것’) 문자열에서 찾으려는 것이 몇 번째에 나오는지 알려줌. 0,1,2, ...번째라고 알려줌. 문자 한 개를 찾.. 2022. 3. 27.
자바스크립트의 실행 방법과 실습 환경 Javascript 파일 만들기 Windows 메모장에 코드 작성 → 저장 누름 → '파일 이름' 끝에 .html 붙임 → 파일 형식은 '텍스트 문서'가 아닌 '모든 파일'로 선택 → '인코딩'은 'UTF-8' 선택 → 저장 파일 실행 브라우저에서 'ctrl'+'O' 누름 → 열려는 파일 선택 → 실행됨 파일 만들지 않고 브라우저에 내장된 콘솔을 이용하여 Javascript를 실행하기 크롬 개발자 도구 이용 'F12' 눌러서(또는 맨오른쪽위에 '설정' 누르고 '도구 더보기'에서 '개발자 도구' 눌러서) 크롬 개발자 도구 엶 → 콘솔 창 엶 → 콘솔 창에 html 코드를 작성할 필요 없이 javascript 코드를 작성 → 코드 작성 후 'Enter' 누름 → 실행됨 (긴 코드는 파일 작성이 편리할 것) .. 2022. 3. 27.