김숭늉 마음대로

안녕하세요^^ 자바스크립트에서 사용하는 증분, 감분 표현에 대한 기본 정리입니다. // 기초적인 증분 표현, 감분 표현에 대해 알아보자! var x = 5; x++; // 1씩 증가함 x--; // 1씩 감소함 x+=2 // x값에 2를 더함 5+2 x/=3 // x값을 3으로 나눔 5/3 감사합니다.

안녕하세요? ^^ 강아지 나이를 사람 나이로 환산하는 계산식의 코드입니다. var dogAge = prompt("Please put your dog's age!"); var humanAge = (dogAge - 2) * 4 + 21; alert("Your dog's is " + humanAge + " years old in human age"); Alert를 통해 강아지 나이를 사람나이로 환산한 숫자 노출됩니다 :)

안녕하세요^^ 이번글에서는 자바스크립트의 대문자, 소문자 처리에 대해서 알아보겠습니다. 아래 간단한 연습 문제를 통해 개념을 확인 할수 있습니다. 아래 문제는 사용자가 입력한 이름의 첫번째 문자만 대문자로 표현하고, 나머지 문자는 소문자로 표현하는 문제의 해답 코드입니다. //[문제] 사용자가 입력한 이름의 첫번째 문자만 대문자로 표현하고, 나머지 문자는 소문자로 표현! //(a) prompt를 통해 이름을 입력 받음 var name = prompt("What is your name?"); //(b) 먼저 첫번째 문자를 고립시킴 var fisrtChar = name.slice(0,1); //(c) 첫번째 문자를 대문자 처리함 var upperCaseFirstChar = fisrtChar.toUpperCa..

안녕하세요? ^^ 자바스크립트의 slice 함수에 대해 알아보겠습니다. Slice는 문자열 원하는 지점(숫자)까지 나누는 개념으로 이해하면 t쉽습니다. 아래 그림으로 이해하시면 더 쉬울것 같습니다. 예를 들어 아래 식빵 그림처럼, slice (0,1)인 경우 a만 남게 됩니다. var tweet = prompt("Compose your tweet"); var tweetunder140 = tweet.slice(0,140); alert(tweetunder140); /*위는 프롬프트 창에 입력한 글자를 140자까지 자르고, 140자까지 자른 텍스트를 alert 창으로 팝업 시키는 코드!*/ 위 코드를 아래와 같이 두줄로 간단하게 작성할 수도 있습니다. var tweet = prompt("Compoe your ..

안녕하세요. 자바스크립트의 length 함수에 대해 알아보겠습니다. length 는 함수 객체의 속성으로, 함수가 얼마나 많은 인수가 있는지를 나타 냅니다. 글자 길이를 계산하고 적용해보자 ! 간단하게 연습 문제를 풀어 보겠습니다. 프롬프트 창으로 사용자의 텍스트를 입력받아, 남은 글자의 갯수를 카운트 하는 문제입니다. var tweet = prompt("Compose your tweet"); var tweetCount = tweet.length; // 결과는 prompt에 입력한 글자수를 계산해줍니다. alert("You have written " + tweetCount + " characters, you have " + (140 - tweetCount) + " characters remaining."..

안녕하세요. 간단한 문제 하나로 변수의 개념에 대해 알아 보겠습니다 ^^ 이 훈련은 코딩 면접에서 자주 볼수 있는 문제라고 하는데, 후보자의 사고 과정에 대해 알아 보고 싶은 의도로 문제를 제출 한다고 하네요. ✅ var a = 3과 var = 8의 숫자를 건드리지 않고, a와 b의 숫자를 서로 바꾸는 문제입니다. function test() { var a = "3"; var b = "8"; /***********Do not change the code above 👆*******/ var c = a; a = b; b = c; /***********Do not change the code below 👇*******/ console.log("a is " + a); console.log("b is " + b)..

1. DOM 요소 삭제 하기 , 기존요소 이동하기. - 두가지의 방법이 있는데, older browser에 적용 가능한 더 safer한 방법은 가장 하단줄을 참고! - 기존 요소 이동은 append 혹은 insert를 통해서 가능함! - innerHTML의 모든 내용을 접근할수 있게 해줌! textcontent와는 조금 다름! innerHTML 안에서 줄바꿈은 안됨! +를 이용해서 줄바꿈을 적용할수는 있긴하지만... //REMOVE ELEMENTS //1. Select the element that should be removed. let firstH1Element = document.querySelector('h1'); //2 Remove it ! firstH1Element.remove(); // 혹은..

1. 콘솔창에서 직접 자바스크립트 코드를 작성할수 있다! 실제 자바스크립트 창은 아니지만 크롬 개발도구에 의해서 출력되는 유틸리티 기능! 2. 노드! 모든 텍스트 내용도 노드로 저장됨! 3. 쿼리메서드! -> html에 내용이 추가되면 children의 내용이 변동될수도 있으니까 id를 줘버림! 꼭 id여야함 document.getElementById('external-link'); -> 매서드이고 매개변수가 필요함! let anchorElement = document.getElementById('external-link'); anchorElement.href = 'https://google.com';​ 4. CSS SELECTOR를 선택! 꼭 id이지 않아도, css 타입도 선택 가능 ex) a, ,,..

1. 기본 배열 작업 let hobbies = ['sports', 'cooking']; console.log(hobbies.length) // 2 2. 여러 파일에서 자바 스크립트 코드 분할 이 모듈(그리고 다음 모듈에서도)에서 우리는 항상 하나의 *.js 파일에 대해서만 작업하고 하나의 *.js 파일만 HTML 파일에 동시에 포함(링크)합니다. 그렇다고 꼭 해야 하는 것은 아닙니다! 다른 작업을 수행하는 다른 스크립트가 필요할 수 있는 보다 복잡한 웹 사이트를 구축하는 경우 여러 개의 개별 스크립트 파일을 하나의 동일한 *.html 파일에 절대적으로 포함할 수 있습니다. HTML 문서에 여러 링크된 스크립트는 HTML 파일에 정의한 순서대로 구문 분석되고 실행됩니다. 또한 섹션이나 섹션에서 링크를 연결..

1. 배열 ㄴ 순서가 있는 리스트라고 생각하면 쉽다! ㄴ 배열의 고유번호를 index라고 함! 숫자, 객체, 함수 등도 포함 될수 있음 let days = ['mon', 'tue', 'wed']; console.log(days.length) /// 3출력 days[1] = '화요일' days.push('thur'); days.unshift('sun') for(let index=0; index