개발이글스

함수란? 함수는 프로그래밍에서 가장 중요한 개념입니다. 함수는 영어로 function 이라고 부릅니다. 함수에 집어넣는 값을 "입력값(input)", 함수가 뱉어내는 값을 출력값(output)이라고 부릅니다. #함수를 만드는 방법 1.입력값이 없는 경우 function 함수name (){ 실행할 내용 } 2.입력값이 있는 경우 function 함수name(매개변수){ 실행할 내용 } #매개변수 매개변수는 함수에 입력된 값을 임시로 저장해 두기 위한 변수입니다. function plus(x){ console.log(x+2) } >plu3(3) 5 plus 라는 이름의 함수를 만들었네요. 사용자는 괄호를 통해 함수에 값을 전달합니다. plus(3) 이렇게 3이라는 값을 괄호에 넣어줬습니다. 이렇게 5라는 사..

1.변수 : 변수(variable)는 데이터를 담아두기 위한 그릇과도 같은 존재라고 생각하면 편합니다. let : 변수의 재할당이 가능하다. let a =3이라고 해놓고 나중에 let a=4라고 바꿀 수 있다는 것이다. const : 한번 할당한 변수를 바꿀 수 없다. 변수의 재선언, 재할당 불가능! var : 변수를 쓸 때 사용, 예전에는 많이 썼지만 let, const 를 더 많이 씀. 2.if문 if(조건){ 수행할 행동 } -> 괄호 안에 넣어준 "조건"이 true이면 중괄호안에있는 "수행할행동"을 실행하고, false이면 아무런 행동도 취하지 않습니다. **참과 거짓을 판명하는데 자주 사용하는 유용한 도구! === :동일한지 비교 !==: 다른지 비교 : 대소 비교(미만/초과) =: 대소..

객체지향 프로그래밍 (Object Oriented Programming, OOP) : 객체지향프로그래밍은 컴퓨터 프로그램을 명령어의 목록으로 보는 시각에서 벗어나 여러개의 독립된 단위, 즉 "객체" 들의 모임으로 파악하고자 한것이다. 각각의 "객체"는 메세지를 주고받고, 데이터를 처리할 수 있다. 객체지향프로그래밍은 프로그램을 더욱더 유연하고 가변성있게 만들기 때문에 대규모 소프트웨어 개발에 많이 사용된다. 또한 프로그래밍을 더 배우기 쉽게 하고 소프트웨어의 개발과 보수를 간편하게하며, 보다 직관적이게 코드분석을 가능케 하는 장점이 있다. #객체지향 프로그래밍의 장단점 장점 단점 1. 코드 재사용 용이 2. 유지보수의 우수성 3. 대형 프로젝트에 적합 1. 개발속도가 느린 점 2.실행속도가 느린 점 3...

자바스크립트 코드 실행 방법 자바스크립트의 코드 실행을 위하여 별도의 프로그램을 설치할 필요는 없습니다! 크롬, 사파리 등과 같은 웹 브라우저에서 개발자모드를 실행하고(마우스 우클릭-> "검사" 클릭-> [콘솔]탭 클릭) 1. 사칙연산 console창에서 덧셈, 뺄셈, 곱셈, 나눗셈을 이용해 사칙연산이 가능합니다. 덧셈은 "+" 뺄셈은 "-" 곱셈은 "*" 나눗셈은 "/" 2. Data Type(데이터타입) : 데이터 타입을 확인하는 방법은 typeof()라는 코드를 콘솔에 입력하면, 데이터의 타입을 확인할 수 가있습니다. 자바스크립트에는 6가지의 기본 데이터타입이 존재하는데, 꼭 알아야할 4가지를 소개합니다. Number : 숫자형태 String: 문자열 형태 Boolean: 참과 거짓의 형태 unde..

JavaScript : 웹 페이지에 영혼을 불어넣는 도구 HTML: 웹페이지의 뼈대 CSS: 웹페이지의 껍데기 JavaScript: 웹페이지를 동적으로 바꿔주는 도구 자바스크립트는 복잡한 계산을 수행하고, HTML 태그와 CSS 스타일을 수정할 수 있는 도구이다. "이 두가지를 수정할 수 있다는것" 이 가장 중요한 특징 중 하나이다. 하이퍼텍스트가 주목받았던 이유는 하이퍼링크를 통해 정보탐색이 가능했기때문에입니다. 자바스크립트는 하이퍼텍스트의 한계를 돌파해 한층 더 고차원적인 정보전달을 가능케합니다. 유저들은 자바스크립트를 사용해 버튼을 클릭해 어떠한 정보를 본다거나, 스크롤을 이동시켜 문서의 내용물과 모양등을 수정할 수 있습니다. 덕분에 유저와 웹 페이지가 실시간으로 상호작용할 수 있게 되었고, 사용자..

▶입력 양식 전체를 감싸는 태그 ▶form은 컨트롤 요소로 구성된다. ☆속성 name: form의 이름 action : form 데이터가 전송되는 백엔드 url method : 전송방식 선택, get: 256~4096byte까지만 전송가능, post: 길이제한 없음! autocomplete: 자동완성, on으로 명시하면 브라우저는 사용자가 이전에 입력했던 값들을 기반으로 사용자가 입력한 값과 비슷한 값들을 드롭다운 옵션으로 보여준다. ▶form 태그 내부에있는 태그 ▶사용자가 정보를 입력하는 부분을 만들때 사용한다. ▶type에 따라 어떤 형식으로 정보를 받을지 결정한다. id값을 통해 구분할수도 있다. ☆input 속성 readonly: 읽기전용 필드로 만들기 placeholder: 힌트표시, 필드클릭..