🧑💻 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗺𝗶𝗻𝗴/JavaScript
JavaScript 특정 키, 값 찾기 - 검색 기능
JavaScript를 이용하여 특정 값을 검색하는 기능을 만들어보도록 하겠습니다. find(), findIndex() 를 이용하며 한 가지 값을 검색하고 filter() 를 이용하여 여러가지 값을 검색할 수 있습니다. 배열에서 특정 값 찾기 body 배열 : Search 결과 : script find() 메소드를 이용하여 배열에서 특정 값을 찾고 리턴할 수 있습니다. 객체에서 특정 값 찾기 body 학생: Search 결과 : script students 객체 배열에서 요소의 id 가 text와 같다면 리턴을 합니다. 전체 코드 더보기 학생: Search 결과 : 객체에서 특정 값 검색하기 find() 나 findIndex() 는 데이터를 하나만 리턴한다는 단점이 있습니다. 그렇다면 검색하는 것처럼 여러..
JavaScript var, let, const 변수
JavaScript 를 공부하다보면 어떤 변수는 var로, 어떤 것은 let으로 초기화한 것을 확인할 수 있습니다. 일단 변수를 생성하는 것에 var, let, const 같은 것들이 있는 것은 알겠지만 어떤 차이가 있는지는 헷갈립니다. 이번 포스팅에서는 각각의 키워드를 어떠한 경우에 사용해야하는지 알아보도록 하겠습니다. var, let, const 키워드 해당 키워드들은 변수/상수, 선언 위치에 따라, 재선언이 가능한지에 따라 구분이 됩니다. 변수와 상수 const 변수와 상수의 차이부터 먼저 알아보도록 하겠습니다. 변수는 다들 아시다시피 데이터를 넣을 수 있는 공간이며, 데이터는 경우에 따라 변경할 수 있습니다. var name = "허난설헌"; name = "에이다 러브레이스"; // 변경 가능 n..
JavaScript 변수와 기본 자료형
이번에는 변수와 기본 자료형에 대해서 알아보겠습니다. 변수란? ✔️ 변수 (Value) : 자료형을 담을 수 있는 공간 변수는 컵과 같다고 생각하시면 됩니다. 무언가를 담을 수 있는 곳이며, 만약 새로운 것을 담고 싶다면 이전에 있던 것을 들어내야 합니다. 만약 물을 마셨다가 커피를 마시고 싶다면 물을 버리고나서 컵에 커피를 담아야 겠지요. 변수도 이와 마찬가지로 새로운 것을 담으려면 새롭게 갱신을 해야합니다. 이러한 JavaScript 변수에는 몇 가지의 규칙이 있습니다. 1. 언더스코어 (_) , 달러 기호 ($), 문자가 첫글자로 와야한다. 2. 키워드 (keyword) 를 사용하면 안된다. 3. 공백 문자를 포함할 수 없다. 그리고 보기 좋고 이해하기 쉬운 변수를 만들기 위해서 JavaScript..
JavaScript 기초 입력 및 출력
React.js 나 Node.js 등 라이브러리나 프레임워크를 다뤄본 적은 있지만 바닐라 자바스크립트 그 자체에 대해서 공부를 해 본적이 딱히 없습니다. 있다면 MDN 도큐먼트를 참고하는 그 정도 😅 그래서 이번 기회에 겸사겸사 공부를 하면서 복습 삼아 JavaScipt 포스팅을 해보고자 합니다. 자바스크립트를 공부하면서 이 내용들이 웹 공부의 든든한 기초 양분이 되었으면 하는 마음입니다. JavaScript 란 ? 💡 자바스크립트(영어: JavaScript)는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. - 위키백과 발췌 자바스크립트는 웹 전반에 걸쳐 많이들 사용하는 언어입니다. 끝에 ..