초급개발자의공부노트

Event handlers - 자바스크립트는 이벤트에 반응하기 위해서 만들어 졌다. - 여기서 이벤트는 웹 사이트에서 발생하는 것이다. - 브라우저 크기 변경.. input .. 등등 window - window 객체는 브라우저 객체의 최상위객체로 브라우저에 대한 정보를 제공하는 다른 객체들을 가지고 있다. - 아래는 자주 사용하는 객체들임 window.open() 새로운 창을 오픈 window.alert() 경고용 대화창을 보여줌 prompt() 질의응답창을 띄움 confirm() 확인/취소값을 띄우고 true/false값을 반환한다 moveTo() 창의 위치를 이동시킨다 eval() 문자열로 입력된 숫자를 숫자로 변환, 계산해준다 focus() focus효과를 준다 valueOf() 오브젝트 값을 반..

DOM - 자바스크립트로 HTML 요소에 접근할 때 사용한다. - 아래와 같이 HTML 파일이 있고, h1 에 id로 title을 주었다. - 자바스크립트에서는 아래와 같이 접근한다. - document.getElementById("title"); 을 사용하여 해당 요소를 가져온다. - 크롬의 콘솔을 확인해 보면 아래와 같다. (title.innerHTML 은 잠시 지운 상태) - DOM 객체로 자바스크립트에서 바꾸면 아래와 같이 title이 변경된다.. 소스 코드도 살펴보면 아래와 같다. - 원본 HTML파일의 소스 코드는 바뀌지 않는다. - DOM 객체로 접근하면 매우 다양한 일을 할 수 있다.. - getElementById 말고도 아래와 같이 선택자들이 있다.

const calcalator = { plus: function(a, b) { return a + b; }, minus: function(a,b) { return a - b; }, multi: function(a,b) { return a * b; }, div: function(a,b) { return a / b; } } console.log(calcalator.multi(5,5));

함수 - 함수를 선언할 때 function 을 적고 그 뒤에 함수명을 적는다 일단 () 안에는 매개변수(argument)가 있을수도있고 없을수도 있는데 일단 없다고 생각하고 아래와 같이 함수를 선언했다. - 함수 호출은 아래와 같이 sayHello(); 로 선언한다. 매개 변수가 있다면 sayHello(......)가 되겠지. 매개변수가 있을 경우의 함수 사용 - 먼저 함수를 선언할 때 함수의 파라미터를 name 이라는 이름으로 주었다. - 그러면 저 함수 내에서는 name 이라는 값을 참조할 수가 있는데 함수 호출시 JongWan 이라는 문자열을 매개변수로 주었기 때문에 현재 함수 내에서 name 은 문자열인 JongWan 이 되는 것이다. - 아래와 같이 매개변수도 여러개가 올 수도 있다. 좀 더 섹..

1. Array - 아래와 같이 [] (대괄호) 안에 데이터를 삽입한다. ( 문자열이 올수도, 숫자가 올수도, true & false가 올 수도 있다. ) - 숫자는 0부터 세기 때문에 dayOfWeek[0] 을 하면 mon 을 참조 할 수 있다. 2. Object - 오브젝트는 배열과 달리 { } (컬리브라켓) 으로 선언한다. - 변수명:데이터 형식으로 데이터가 들어간다. - 오브젝트 안에 배열이 들어 갈 수도 있다. 아래와 같이 오브젝트 안에 배열과 오브젝트를 삽입할수 있다.

변수 = 변경되거나 변경 할 수 있는 것, 그 값을 저장하는 공간 - 기본적으로 변수 생성 -> 초기화 -> 사용 의 순서를 거친다. - 자바스크립트에서는 코드가 위에서 아래로 실행 - 변수의 값의 변경을 원하지 않으면 const(상수) 변수 선언 ES5 -> var ES6 -> let , const 담을수 있는 데이터의 종류 - string , number , boolean , float

1. 기본적인 HTML 틀과 body 태그 마지막에 라는 태그로 자바스크립트 파일을 불러온다 2. 자바스크립트 파일 안에는 이렇게 경고창으로 Hello World! 를 출력한다. alert('출력할 내용'); 3. 정상적으로 출력되는지 파일을 열어 웹 브라우저 확인해본다

1. 명령 프롬프트 -> 작업 폴더로 이동 -> npm install node-sass --save -> npm audit fix 2. App.css 파일을 App.scss 파일로 변경 3. App.js 에서 확인

1. 세 정수 A, B, C가 주어진다. 이때, 두 번째로 큰 정수를 출력하는 프로그램을 작성하시오. import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); int data = scanner.nextInt(); if(data >= 90) { System.out.println("A"); } else if(data >= 80) { System.out.println("B"); } else if(data >= 70) { System.out.println("C"); } else if(data >= 60) { System.out.println..

웹 어플리케이션을 만들다 보면 ... 같이 반복되는 코드를 작성할 때가 있다. 코드가 좀 더 복잡해지면 코드의 양은 더욱 늘어나고 불필요한 파일 용량도 증가하면서 낭비가 될 것이다. 리액트에서 반복적인 내용을 효율적으로 보여주고 관리하는 방법은 아래와 같다. 9.1. 자바스크립트 배열 객체의 내장 함수인 map() 을 사용 문법 : arr.map(callback, [thisArg]) 파라미터 callback : 새로운 배열의 요소를 생성하는 함수로 파라미터는 다음 세가지 - currentValue : 현재 처리하고 있는 요소 - index : 현재 처리하고 있는 요소의 index 값 - array : 현재 처리하고 있는 원본 배열 thisArg(선택 항목) : callback 함수 내부에서 사용할 thi..