본문 바로가기

분류 전체보기46

[Vue.js] 210706 학습일지 SPA ( Single Page Application ) - 이전의 방식은 페이지에 어떤 Action 으로 인해 변경이 발생한 경우 Client 는 Server 에 HTML 파일을 재요청하여 페이지 전체를 갱신하게 되는 비효율적인 부분이 있음 - 이러한 부분을 해결하기 위해 HTML 파일이 아닌 변경된 부분에 한하여 Server 에 데이터를 요청하는 방식이 고안됨 - 하나의 페이지로 여러개의 페이지를 새로고침 없이 이용 가능하게 됨 - URL 공유나 검색 엔진에 노출되야하는 시스템으로는 부적합함 - SPA 프레임워크 중 대표적인 예는 Vue.js, Angular, React 가 있음 CSR ( Client Side Rendering ) - URL 이 바뀌어도 Server 에서 새로운 HTML 을 다시 내.. 2021. 7. 6.
[JS] 210629 학습일지 Scope - Scope는 변수에 접근할 수 있는 범위를 의미함 - Global (전역), Local (지역) 의 형태로 나뉨 - 범위의 기준은 중괄호로 나눌 수 있음, 아래는 그 예시 let carName = "KIA"; { let carName = "HYUNDAI"; console.log("Local Block 1 >> " + carName); } { let carName = "SSANGYONG"; console.log("Local Block 2 >> " + carName); } console.log("Global Block >> " + carName); // 첫번째 출력 : "Local Block 1 >> HYUNDAI" // 두번째 출력 : "Local Block 2 >> SSANGYONG" //.. 2021. 6. 29.
[Javascript] 210628 학습일지 Min 파일 - (라이브러리명).min.js 형태로 배포되는 스크립트는 원본 스크립트에서 압축(minify)된 형태 - 공백, 줄바꿈 등의 형식을 없애고 한 줄로 작성하여 파일 크기를 줄임 - 함수명, 변수명 등을 알아보기 어렵도록 난독화를 시킴 - 이와 같이 난독화를 시키는 이유는 타 개발자에 의한 코드 수정 방지와 본인의 기술을 지키기 위한 방안임 - 간단하게는 함수명, 변수명만 바꾸는 경우가 있으나 내부 동작까지 난독화를 시킨다면 원상 복구가 매우 어려움 - 원본 스크립트(.js) 와 압축 스크립트(.min.js) 의 기능은 동일함 ※ 자바스크립트에서 날짜나 시간 데이터를 활용할 떄 가장 많이 쓰이는 라이브러리는 Moment.js Set 객체 - 중복된 값이 저장되지 않음 - 반복 가능한 객체(it.. 2021. 6. 28.
[HTML, CSS, JS] 210623 학습일지 Javascript 는 .js 의 확장자명을 가지며 html 어디에서나 호출이 가능함 ( html은 Top-Down 형식으로 진행되므로 삽입한 위치에서 Javascript 실행 ) Javascript 를 태그 젤 밑단에 삽입하는 이유는 사용자에게 보여줄 화면을 먼저 구성하고 이후에 필요한 기능을 불러오기 위함 Javascript 는 C 언어처럼 int, double 의 자료형을 가지지 않고 var 라는 통합된 변수형을 사용 var 이외에 let, const 의 변수형도 존재함 var, let, const 의 특징은 아래 테이블 참고 var let const *재선언 O X X *재할당 O O X *재선언 : 변수명을 동일하게 하여 새롭게 선언이 가능함을 의미함. var myAge = 10; console.. 2021. 6. 23.