HTML의 구조 HTML 웹페이지는 HTML, CSS, Javascript 각각 세개의 서로 다른 언어가 합쳐져 있는 구조이다. 세개의 언어는 브라우저에 내부에 있는 서브 프로그램인 렌더링 엔진과 자바스크립트 엔진이라는 해석기에 의해서 글자를 해석하게 된다. 렌더링 엔진은 HTML과 CSS를, 자바스크립트 엔진은 Javascirpt를 해석한다. 따라서 자바스크립트 엔진이 해석할 수 있는 문법으로 js파일을 작성해야 한다. 변수 기본형 number var a = 10; number 타입. 숫자를 저장한다. string var b = "Javascript"; var c = "10"; string 타입. 문자열을 저장한다. 내용이 숫자인 경우에도 " "로 감싸져 있다면 문자로 취급한다. Boolean var ..
전체 글
처음에 초급자 대상이 아닌 책으로 먼저 시작해서 그런지 강의 들으면서도 좀 걱정됐음 ㅜ 자바스크립트도 아직 잘 못하는데 이해가 잘 될까 엄청 걱정했었다 안그래도 사서 걱정하는 편이라ㅋㅋㅋㅋㅋ 그래도 강의 하나하나 보면서 코드 따라치고 하니까 꽤 이해하기 쉬웠음 강의가 파트별로 나뉘어져 있는것도 그렇고 강의 하나의 길이가 많이 길지 않아서 부담이 좀 적었음! 그래서 좋았던거같다 설명 듣고 코드 치고 한다고 눈이랑 손이 바쁘긴 했지만 설명은 진짜 잘되어있는거같다 이해가 진짜 잘됨. 강의 중간중간에 반복되는 부분이 나오면 간단하게 다시 짚어주기도 해서 좋았음 강의 다 듣는데 한 2주? 3주? 걸린거같은데 좀더 열심히 했으면 더 빨리 끝내지 않았을까 싶고ㅠ 그래도 우선은 혼자서 코드 연습해보면서 복습하고 잘 안..
1주차(22.04.13 - 22.04.20) 1장_Vue.js에 대한 소개 ~ 2장_Vue 환경 설치 Vue.js 웹 애플리케이션을 만들기 위한 라이브러리이자 프레임워크. MVVM(Model-View-ViewModel) 패턴을 표방하나 코어 라이브러리는 ViewModel에 집중되어 있고 별개로 부가적인 라이브러리들을 제공해 종합적인 프레임워크를 제공한다. Vue 환경 설치 Visual Studio Code 설치 후 확장프로그램 (vue vs code extension pack) 설치 node.js 설치 ❗ npm package manager가 포함되었는지 확인 설치 후 npm -version을 입력해 확인 Vue Devtools 설치(크롬) 크롬 웹스토어에서 Vue.js devtools 검색하여 추가
문제 설명 머쓱이는 학교에서 키 순으로 줄을 설 때 몇 번째로 서야 하는지 궁금해졌습니다. 머쓱이네 반 친구들의 키가 담긴 정수 배열 array와 머쓱이의 키 height가 매개변수로 주어질 때, 머쓱이보다 키 큰 사람 수를 return 하도록 solution 함수를 완성해보세요. 제한사항 1 ≤ array의 길이 ≤ 100 1 ≤ height ≤ 200 1 ≤ array의 원소 ≤ 200 입출력 예 array height result [149, 180, 192, 170] 167 3 [180, 120, 140] 190 0 입출력 예 설명 입출력 예 #1 149, 180, 192, 170 중 머쓱이보다 키가 큰 사람은 180, 192, 170으로 세 명입니다. 입출력 예 #2 180, 120, 140 중 ..
문제 설명 정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소의 평균값을 return하도록 solution 함수를 완성해주세요. 제한사항 0 ≤ numbers의 원소 ≤ 1,000 1 ≤ numbers의 길이 ≤ 100 정답의 소수 부분이 .0 또는 .5인 경우만 입력으로 주어집니다. 입출력 예 numbers result [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] 5.5 [89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99] 94.0 입출력 예 설명 입출력 예 #1 numbers의 원소들의 평균 값은 5.5입니다. 입출력 예 #2 numbers의 원소들의 평균 값은 94.0입니다. function solution(numbers) { var ans..
문제 설명 머쓱이네 옷가게는 10만 원 이상 사면 5%, 30만 원 이상 사면 10%, 50만 원 이상 사면 20%를 할인해줍니다. 구매한 옷의 가격 price가 주어질 때, 지불해야 할 금액을 return 하도록 solution 함수를 완성해보세요. 제한사항 10 ≤ price ≤ 1,000,000 price는 10원 단위로(1의 자리가 0) 주어집니다. 소수점 이하를 버린 정수를 return합니다. 입출력 예 price result 150,000 142,500 580,000 464,000 입출력 예 설명 입출력 예 #1 150,000원에서 5%를 할인한 142,500원을 return 합니다. 입출력 예 #2 580,000원에서 20%를 할인한 464,000원을 return 합니다. function s..
문제 설명 정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수를 작성해주세요. 제한사항 0
문제 설명 정수 num1과 num2가 매개변수로 주어질 때, num1을 num2로 나눈 값에 1,000을 곱한 후 정수 부분을 return 하도록 soltuion 함수를 완성해주세요. 제한사항 0
문제 설명 정수 num1과 num2가 매개변수로 주어집니다. 두 수가 같으면 1 다르면 -1을 retrun하도록 solution 함수를 완성해주세요. 제한사항 0 ≤ num1 ≤ 10,000 0 ≤ num2 ≤ 10,000 입출력 예 num1 num2 result 2 3 -1 11 11 1 7 99 -1 입출력 예 설명 입출력 예 설명 #1 num1이 2이고 num2가 3이므로 다릅니다. 따라서 -1을 return합니다. 입출력 예 설명 #2 num1이 11이고 num2가 11이므로 같습니다. 따라서 1을 return합니다. 입출력 예 설명 #3 num1이 7이고 num2가 99이므로 다릅니다. 따라서 -1을 return합니다. function solution(num1, num2) { var answer..
문제 설명 머쓱이는 40살인 선생님이 몇 년도에 태어났는지 궁금해졌습니다. 나이 age가 주어질 때, 2022년을 기준 출생 연도를 return 하는 solution 함수를 완성해주세요. 제한사항 0 < age ≤ 120 나이는 태어난 연도에 1살이며 1년마다 1씩 증가합니다. 입출력 예 age result 40 1983 23 2000 입출력 예 설명 입출력 예 #1 2022년 기준 40살이므로 1983년생입니다. 입출력 예 #2 2022년 기준 23살이므로 2000년생입니다. function solution(age) { return (2022 - age) + 1; } https://school.programmers.co.kr/learn/courses/30/lessons/120820