- 오늘 피어세션을 통해
- 쉘스크립트 작성법
- 체크리스트를 묶어서 작성해보기
- 체크포인트 보고 진행사항, 결과 캡쳐하기
- 오늘 과제하면서 공부해야겠다고 생각한 것
- Javascript 정규식
- 컴파일러 과정
- lex, parse 공부하기
- 오늘 공부
1) Javascript 정규식
정규식 공부을 참고하여 공부했다.
// 정규표현식을 담은 변수
const regex = /apple/; // apple 이라는 단어가 있는지 필터링
// "문자열"이 "정규표현식"과 매칭되면 true, 아니면 false반환
regex.test("Hello banana and apple hahahaha"); // true
// "문자열"에서 "정규표현식"에 매칭되는 항목들을 배열로 반환
const txt = "Hello banana and apple hahahaha";
txt.match(regex); // ['apple']
// "정규표현식"에 매칭되는 항목을 "대체문자열"로 변환
txt.replace(regex, "watermelon"); // 'Hello banana and watermelon hahahaha'2) 외부 js의 함수 갖다쓰기
// 외부 function.js파일 앞에 export 붙이기
export function testFunc(){
~
} // import 하기
import { testFunc } from './function.js'; - 추가 학습
1) [웹]브라우저 파서(Parser)와 DOM
파싱 트리는 DOM 요소와 속성 노드의 트리로서 출력을 위한 출력 트리가 된다. DOM은 문서 객체 모델(Document Object Model)의 준말이다.
2) 문법에 맞는(well-formed) XML 문서
XML은 데이터를 저장하고 전달할 목적으로 만들어졌으며, 저장되는 데이터의 구조를 기술하기 위한 언어입니다.
XML은 데이터를 텍스트 형식으로 저장하므로, 소프트웨어나 하드웨어에 독립적으로 데이터를 저장하고 전달할 수 있습니다.
따라서 XML을 사용하면 새로운 운영체제나 프로그램, 브라우저 등에 상관없이 데이터를 안전하고 손쉽게 전달할 수 있습니다.
문법에 맞는(well-formed) XML 문서가 되기 위한 필수 요건은 다음과 같습니다.
- 루트(root) 요소를 하나만 가져야 합니다.
- 모든 XML 요소는 종료 태그를 가져야 합니다.
- 시작 태그와 종료 태그에 사용된 태그 이름이 대소문자까지 완벽하게 일치해야 합니다.
- 모든 XML 요소의 여닫는 순서가 반드시 정확하게 지켜져야 합니다.
- 모든 속성의 속성값이 따옴표로 둘러싸여 있어야 합니다.
3) JSON과 XML
JSON과 XML의 공통점
- 둘 다 데이터를 저장하고 전달하기 위해 고안되었습니다.
- 둘 다 기계뿐만 아니라 사람도 쉽게 읽을 수 있습니다.
- 둘 다 계층적인 데이터 구조를 가집니다.
- 둘 다 다양한 프로그래밍 언어에 의해 파싱될 수 있습니다.
- 둘 다 XMLHttpRequest 객체를 이용하여 서버로부터 데이터를 전송받을 수 있습니다.
JSON과 XML의 차이점
- JSON은 종료 태그를 사용하지 않습니다.
- JSON의 구문이 XML의 구문보다 더 짧습니다.
- JSON 데이터가 XML 데이터보다 더 빨리 읽고 쓸 수 있습니다.
- XML은 배열을 사용할 수 없지만, JSON은 배열을 사용할 수 있습니다.
- XML은 XML 파서로 파싱되며, JSON은 자바스크립트 표준 함수인 eval() 함수로 파싱됩니다.
