공부 기록일지📚

배열(Array)이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터타입이다. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것 기본형식: 대괄호 [ element1, element2 ... ]; let member = ['감자', '고구마', '호박']; 배열의 내부에 있는 데이터 각각을 '원소' 즉, element라고 합니다. 또한, 원소끼리의 구분은 ,(콤마)로 해줍니다. 그리고 그 원소들이 갖고있는 고유값(문맥적으론 배열의 원소가 갖고있는 순서)을 한국어로 '색인' 영어로는 index라고 합니다. index는 0부터 시작합니다. // arrayName[index] alert(member[0]); //output: '감자' 배열이..

함수(Function) - 하나의 로직을 재실행할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. (유지보수의 용이, 가독성 높아짐) 기본형식 function 함수명( [인자...[,인자]] ){ 코드 return 반환값 } /*함수 numbering을 1000번 실행하라 */ //주의: 변수 앞에 let, const 를 꼭 써줘야합니다. function numbering() { let i = 0; while (i < 20) { document.write(i + ""); i++; } } for (let i = 0; i < 1000; i++) { numbering(); } 입력과 출력 return(출력) return이 하는 일은 2가지가 있습니다. return뒤에 따라오는 값을 함수의 결과로 반환 re..

▶반복문의 문법은 몇 가지가 있으며 각각의 구문은 서로 대체 가능하기 때문에 상황과 취향에 따라서 선택하여 사용하면 된다. while 기본형식 while(조건){ // 반복해서 실행할 코드 } 조건에는 당연히 Boolean데이터타입이 와야 합니다. 조건의 Boolean이 true 에서 false가 될 때까지 반복됩니다. 조건식이 계속해서 true일 경우, 무한루프에 빠지게 되며 이는 쉽게 발생할 수 있는 오류입니다. let i = 0; //초기화 while (i < 10) { document.write(`Coding EveryBody! I am number ${i + 1} `); i = i + 1;} for 기본형식 for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){ 반복해서 실행될 코드 } ..

Boolean: 비교 연산의 결과로 참이거나 거짓을 얻을 수 있다. 여기서 참(true)과 거짓(false)은 언어에서 제공하는 데이터형이다. 이를 Boolean이라 부르고 불린은 위에 말한 두 가지 밖에 없다. 참과 거짓에 따라 조건문을 실행하기도 안하기도 하기 때문에 조건문에서 핵심적인 역할을 담당한다. if문 if(true){ alert(1); alert(2); alert(3); alert(4); } alert(5); //output: 1~5까지 알림창 if(false){ alert(1); alert(2); alert(3); alert(4); } alert(5); //output:5만 알림창에 뜬다. else -if로는 좀 더 복잡한 상황을 처리하는데 부족하다. -else는 조건문의 반대상황에 적용..

" == " 동등연산자 (equal operator) :좌항과 우항을 비교해서 서로 값이 같다면 true 다르면 false. // 데이터타입까지 고려하지 않고 데이터가 의미하는 바가 같다면 true를 반환한다. ※ " = "는 대입 연산자로 좌항의 값을 우항의 변수에 대입할 때 사용하는 것이므로 헷갈리지 않도록 주의 alert(1==2) // false alert(1==1) //true alert("one" == "two") // false alert("one" == "one") // true " === " 일치연산자 (strict equal operator) : 좌항과 우항을 엄격하게 비교한다. 값만 비교하는 것이 아니라 데이터 타입또한 일치해야 true 아니라면 false. alert(1 ==="1"..

UI(User Interface) -사용자가 시스템을 제어하기 위해서 사용하는 조작 장치를 UI라고 합니다. e.g.) 화면상의 button들 API(Application Programming Interface) -애플리케이션을 위해서 프로그래밍을 할 때 사용하는 조작 장치를 API라고 합니다. e.g.) alert 모든 프로그래밍언어는 API를 프로그래밍적으로, 즉 순서대로 실행하는 것을 통해 만들어진다. *순서가 없다면 API가 소용없다. 역으로 말해도 같음 web작업을 하면서 상황별 검색키워드 추천 ▶웹페이지에 있는 어떤 태그를 삭제하고 싶거나 어떤 태그에 자식 태그를 추가하고 싶다면 -> document 객체 살펴보기, 여기서 해결이 안되면 DOM(Document Object Model)으로 수색..

라이브러리 vs 프레임워크 공통점: 다른 사람의 도움을 받아서 소프트웨어를 만드는 것 , 다른 사람과 협력하는 모델 차이점 라이브러리 - 잘 정리해놓은, 재사용하기 쉽도록 되어 있는 소프트웨어/ 내가 만드는 소프트웨어의 부품을 가져오는 느낌 e.g.) jQuery ( JS 라이브러리 중 가장 유명) 프레임워크 - 반제품 소프트웨어를 사용하는 느낌, 내가 프레임워크에 들어가서 작업하는 식( 큰 틀이 있으면 메인부분은 건들이지 않고 기획 의도(웹, 게임 등등)에 따라 수정하여 사용/ 만들고자 하는 것을 처음부터 끝까지 만들지 않도록 해주는 것) jQuery 라이브러리 기본적으로 jQuery는 $로 시작합니다. 그리고 $() 이런 형태가 되죠 '달러'라는 이름의 함수입니다. e.g.) $('a') // 이 웹..

key words JS Math.floor() - 소수점을 없애기 위해 사용되는 함수 +a) Math.ceil() 소수점 올림, Math.round() 소수점 반올림 JS Math.random() - 이 함수는 부동소수점을 반환하기 때문에 소수점이 존재합니다. JS 재귀(recursion)함수 - 함수 내부에 자기 자신을 호출하는 함수 CSS 템플릿 레터럴 ``(백틱) CSS linear-gradient()함수 - 색상에 그라데이션을 주는 기능 linear-gradient() 설명 MDN▼ https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient() linear-gradient() - CSS: Cascading Style Shee..