Javascript 복습하기 4 함수 : - 특정기능을 수행하는 소스코드를 하나로 묶어 필요할 때마다 호출하는 독립적으로 설계된 블록 - Java와 마찬가지로 매개변수 유무 와 return 유무로 형태가 나뉘어짐 1. 함수 선언식 : 일반적인 함수선언 방식 - 구조 : function 함수명 (매개변수1,매개변수2..) { return .... ; } - 예시 : // 1. 함수 선언문 // 매개변수 O + return O function addNum(num1, num2) { return num1+num2; } (=> 매개변수와 return 없어도 상관없음) 2. 함수 표현식 : 스크립트 언어 특징을 활용한 선언방식 ( 익명함수 형태로 선언 -> 변수에 참조 ) - 구조 : let 변수명 = functi..

자바스크립트 복습하기 3편 자바스크립트는 자바랑 연관이 없는데 문법구조는 상당히 비슷하다 1. 조건문 (1) if - 기본적인 골격은 java와 같다 ( if - else if - else 구조) - 논리식을 쓰는 부분에서 '같다' 라는 의미의 표시가 '==' 와 '===' 2개있다. '==' : 데이터 값만을 비교해서 같다라는 의미 '===' : 데이터 값 뿐만아니라 데이터 형식까지 비교해서 같다라는 의미 - 예시 : let col = prompt("색깔을 적어주세요(빨강, 초록, 파랑)") if( col == '빨강'){ document.querySelector('body').style.backgroundColor = 'red'; }else if (col == '초록') { document.query..

Hello World 자바스크립트 복습하기 2편 (1) 내부방식 (2) 외부방식 (3) 인라인방식 (1) 내부방식 1) head태그에 작성 - 문서를 초기화하거나 설정하는 가벼운 script를 작성 - 무거운 스크립트가 있을경우 랜더링에 방해가 되어 로딩화면이 오래 걸릴 수 있음 (** 랜더링(rendering) : 개발자가 작성한 문서(HTML, CSS, JS)가 브라우저에 출력되는 과정) - body 속 태그들이 생성되기전에 코드가 실행되므로 문서(document)에서 태그를 찾지 못함 2) body태그에 작성(태그 바로 위) - 무거운 script를 작성 - 일반적으로 추천되는 script 위치 (2) 외부방식 - 일반적으로 사용되는 형태 - 코드의 재사용성이 높아 유지보수가 편리 - 코드가 공개되..

JS를 React 공부하는김에 다시 복습하려한다. JS는 웹 페이지를 동적인 페이지로 만들기 위해 고안된 언어다. 사용빈도는 스마트폰이 등장하면서 급격하게 늘었다고 한다. 1. JS 사용방법 JS를 사용하기 위해서는 크게 두가지 방법이 있다. 첫번째는 html안에다가 위에 코드는 버튼을 누르면 배경색과 글자색을 바꾸는 함수를 JS로 정의하고 있다. write()안에 태그를 입력하면 그대로 태그가 적용된 상태로 웹에 출력된다는 것을 알 수 있다. - console 두번째는 console창에 출력하는 것이다. console창에 출력하려면 1) console.log() : 가장 일반적으로 쓰이는 출력문이다. 주로 개발과정에서 간단한 확인용으로 쓴다. 2) console.warn() : 해당 출력문을 쓰면 경고..