http://www.youtube.com/playlist?list=PLuHgQVnccGMA4uSig3hCjl7wTDeyIeZVU
이번 포스팅에서는 배열과 정규표현식까지를 설명하는 영상을 보고 내용을 정리해보겠다.
9. 배열
배열은 연관된 데이터를 한꺼번에 관리하기 위해 사용하는 데이터 타입이다.
배열의 선언은 다음과 같다.
var member = ['egoing', 'k8805', 'sorialgi']
- 배열의 사용
여기까지 배열에 요소를 추가하는 방법을 알아보았다.
다음은 배열에서 요소를 제거하고 정렬하는 방법이다.
10. 객체
객체는 한마디로 데이터를 담아내는 그릇이다. 배열과 비슷한 것 같지만 배열은 요소의 식별자로 숫자를 사용하고, 객체(dictionary)를 사용하면 인덱스로 문자를 사용할 수 있게 된다.
객체를 선언하는 법이다.
이렇게 객체는 순서를 지니고 있지 않다.
이렇게 key값을 기준으로 출력해줘야 한다.
이렇게 li태그를 적절하게 써주면
이런 식으로도 만들 수 있다.
이렇게 여러 데이터타입의 요소를 value값으로 지정할 수 있다.
이렇게 하나의 객체에 여러가지 타입을 넣을 수 있을 때 이를 객체지향 프로그래밍이라 한다.
11. 모듈
코드의 재활용성을 높이고 유지보수를 쉽게 할 수 있는 다양한 기법들이 사용된다.
자바스크립트를 어떻게 모듈화할 것인가?
이렇게 src 명령어를 이용해 모듈화 할 수 있다.
node.js에서는 어떻게 모듈화할 수 있을까? ( 모듈화 하는 방법은 호스트 환경에 따라 달라진다.)
실제로 실행을 시킬 파일이고,
불러올 node.circle.js파일이다.
이렇게 node.js 호스트 환경에서 특정 파일을 모듈화하여 사용할 수 있다.
다음은 라이브러리이다. 라이브러리는 모듈과 비슷한 개념인데 자주 사용되는 로직을 재사용하기 편리하게 잘 정리한 일련의 코드들의 집합이라고 할 수 있다.
대표적인 라이브러리 JQeury를 다운받아 사용해보았다.
이렇게 src에 jquery를 복붙한 파일을 불러와서 empyt(철자 틀렸다 ㅎ.ㅎ) 문자를 coding everybody로 고치는 실습을 하였다.
뭐, 이런 것도 있다고 알면 된다고 한다.
12. UI와 API 그리고 문서
UI (User Interface) / API(Application Programing Interface)
: 이에 대한 내용은 영상을 직접 보길 추천한다.
간단히 두 용어에 대해 정리해보자면, UI는 시각적인 디자인을 의미하고 API는 프로그램이 데이터를 요청했을 때 응용프로그램과 상호작용하여 이 요청에 관한 데이터를 전달하는 역할을 한다.
13. 정규표현식
정규표현식은 문자열에서 특정한 문자를 찾아내는 도구이다. 패턴을 찾고 이 패턴에 대해 구체적인 실행을 해야한다.
a라는 텍스트를 찾아내는 정규 표현식을 만들어내는 방법이다.
이렇게 exec를 사용하면 a를 추출해내는 것이고, test를 사용하면 a가 있는지 없는지 판별할 수 있다.
string 객체의 정규표현식을 알아보자.
StringName.match(pattern)은 문자열에서 pattern이 있는지 확인하고 추출하며, replace는 패턴 부분을 없애고 뒤의 요소로 대체한다.
밑의 내용은 패턴의 한 문자를 통해서 문자열의 정보 전체를 담아내는 작업인, '캡처'에 대한 설명이다.
캡처 기능을 통해 문자열을 한꺼번에 치환시킬 수 있다.
//여기까지가 시즌1, js뿐만 아니라 다른 언어에서도 중요하게 다뤄지는 개념들이었다. 내가 생활코딩의 JS강의를 포스팅하기 시작한 것은 리액트 네이티브 강의를 더욱 효율적으로 듣기 위함이고 여기까지 들음으로써 어느정도 목적이 달성한 것 같다. 따라서 당분간은 리액트 네이티브를 공부하는 것에 힘을 쏟을 것이며 생활코딩의 JS 강의 시즌2는 훗날 자바스크립트를 더 깊게 공부하고 싶어졌을 때 찾아와서 포스팅하도록 하겠다.
// 꿀강의 해주신 생활코딩님께 감사드려요 ㅠㅠ
'Langauge > JavaScript' 카테고리의 다른 글
| 생활코딩 JavaScript Write-up #1 (0) | 2021.01.27 |
|---|
