본문 바로가기

전체 글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.
[HTML, CSS] 210621 학습일지 태그에 1개 이상의 스타일을 적용하고 싶은 경우 아래 사진처럼 적용 , , 등으로 표기하여 사용되었던 부분을 HTML 5 로 넘어오면서 똑같은 div 태그가 아닌 그 용도에 따라 구분짓는 Semantic Tag가 새로 만들어짐 기능적인 부분에서는 'div' 와 다르지 않으나 명칭만 구분되어 진 것이 특징 제목을 기준으로 div를 구분하면 될 듯..? 상단 첫번째로 나오는 테이블은 3열을 rowspan=3 으로 합치고, 테두리 설정하면 비슷한 모양이 나올 것 같음 아래는 문제에 대한 DIV 구상도 main.html 교육 훈련 일지 과 정 명 블록체인 비즈니스 모델 개발 강 사 담 당 교육장소 월드메르디앙 비즈센터 4층 405호 강 사 명 고승원 2021년 06월 21일 월요일 교시 시간 교육내용 1교시 0.. 2021. 6. 22.
[HTML, CSS] 210618 학습일지 "출발역", "도착역" 은 세로 2칸으로 병합하였으므로 rowspan, "현재운임", "2022년...서비스" 는 가로 2칸 병합하였으므로 colspan, "현재운임", "2022년...서비스" Background-color 각각 구분하여 색칠되었으므로 하나로 묶어서 스타일을 지정하면 될 듯 문제. 열차 시간표를 만드세요 출발역 도착역 현재운임 2022년 중앙선 전 구간 개통 시 청량리 ~ 서원주 구간 '준고속 서비스' 일반실(A) 우등실 일반실(B) 우등실 청량리 원주 10,100 13,100 13,300 16,300 양평 원주 8,400 11,400 8,400 11,400 원주 제천 8,400 11,400 8,400 11,400 원주 단양 8,400 11,400 8,400 11,400 원주 풍기 10.. 2021. 6. 18.

티스토리툴바