1. HTML(Hyper Text Markup Language) 1-1 Hyper Text : 일반적인 텍스트의 순차적 접근법을 뛰어넘는 비순차적 접근법. 다른 페이지로 이동하는 것과, 같은 페이지 내의 다른 데이터로 이동하는 것 등이 포함된다. 1-2 Markup Language : 웹 브라우저에게 내 컨텐츠를 어떻게 표현해야 하는지 명령하는 언어. 웹 문서 내의 데이터들을 구조적으로 표시하여 정보를 전달하는 언.어. > 웹사이트에서 화면에 표시되는 정보. 2. CSS(Cascading Style Sheets) > 태그들에 디자인을 입혀주는 것. 3. Backend > 사용자가 볼 수 없는 영역인 데이터베이스나 서버를 관리하는 것. 4. Frontend > 웹 사이트를 방문했을 때 경험..
문제 설명 정수 배열 numbers가 매개변수로 주어집니다. numbers 의 원소의 평균값을 return 하도록 solution 함수를 완성해주세요. 제한사항 - 0 ≤ numbers 의 원소 ≤ 1,000 - 1 ≤ numbers 의 길이 ≤ 100 - 정답의 소수 부분이 .0 또는 .5인 경우만 입력으로 주어집니다. 문제 풀이function solution(numbers) { let sum = numbers.reduce((acc,cur) => { return acc+cur; },0); let average = sum / numbers.length; return average; } 1. 모든 원소의 합 구하기let sum = numbers.reduce((acc, cur)..
문제 설명정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수를 작성해주세요. 제한사항0≤1000 -짝수 구하는 법, n이하의 짝수 구하는 법 구글링하다가 답답하고 이해 안돼서 갓지피티의 힘을 빌렸다. 이렇게 공부하지 말라고 했는데.. 개념을 모르는데 어떡해요...function solution(n) { let sum = 0; // 짝수의 합을 저장할 변수, 처음에는 0으로 시작합니다. for (let i = 1; i -하나하나 살펴보자. 1. 'function solution(n)' : 'solution'이라는 함수를 정의한다. 이 함수는 'n'이라는 숫자를 입력으로 받는다. 2. 'let sum = 0;' 'sum'이라는 변수를 선언한다..
코딩 테스트 - 각도기
문제 설명 각에서 0도 초과 90도 미만은 예각, 90도는 직각, 90도 초과 180도 미만은 둔각 180도는 평각으로 분류합니다. 각 angle이 매개변수로 주어질 때 예각일 때 1, 직각일 때 2, 둔각일 때 3, 평각일 때 4를 return하도록 solution 함수를 완성해주세요. -예각 : 0-직각 : angle=90-둔각 : 90-평각 : angle=180 제한사항-0≤180-angle은 정수입니다. -해결 과정function solution(angle) { if (0으로 코드를 작성했는데 안됐다. 원인이 무엇인지 찾아보니 라고 한다. 따라서 0 -수정된 코드function solution(angle) { if (0-수정된 코드는 잘 작동했다.
문제 설명 - 정수 num1과 num2가 매개변수로 주어집니다. 두 수가 같으면 1 다르면 -1을 return 하도록 solution 함수를 완성해주세요. 제한사항 - 0 ≤ num1 ≤ 10,000 - 0 ≤ num2 ≤ 10,000 풀이 과정1. 코딩테스트 - 두 수의 몫 구하기 풀이 과정 을 참고하여 function solution, if - else 구문을 작성하였다. function solution(num1, num2) { if (num1=num2) { return 1 } else { return -1 }}결과는 실패. 챗지피티한테 이유를 물어보니 비교 연산자를 사용해야 한다고 한다. ('='는 할당 연산자, '==='가 '같음'을 뜻하는 비교 ..
1. JQuery 사용하기 -JQuery란? > HTML의 요소들을 조작하는 Javascript를 미리 더 쉽게 작성해둔 것. (라이브러리) > 쓰기 전에 임포트(미리 작성된 javascript 코드를 가져오는 것)가 필요하다. -JQuery CDN을 사용하여 라이브러리를 호스팅한다. ( 사이에 아래 코드를 넣는다.) -JQuery 사용법 >"가리켜야"조작할 수 있다! - ex)특정 인풋박스의 값을 -> 가져와줘! 특정 div를 -> 안보이게 해줘! > JQuery에서는 id 값을 통해 특정 버튼/인풋박스/div/..등을 가리키게 된다.(css 할 때 class를 썼던 것 처럼)
자바스크립트 활용 문법(DOM)
1. 자바스크립트로 Alert 띄우기 -함수를 만들어주기function hey(){ alert('안녕!');} *script 태그 안에 자바스크립트를 작성한다. -버튼에 함수를 연결하기 > 버튼을 누르면 함수가 불림. > Mac 버튼을 누르면 함수가 나오도록 할 것이다. Mac > 1. a(하이퍼링크)를 2. onclick 이벤트가 발생했을 때 3. hey() 함수가 호출된다. 더보기전체 코드 홈 Mac Ipad Iphone Watch Airpods Disabled ..