G's days

SPA (Single Page Application) 단일 페이지 어플리케이션 SPA구현 하나의 html파일에서 js, css등의 리소스 파일과 모듈을 로드하고, 그 페이지 안에서 특정 영역만 새로 모듈을 호출하고 데이터를 바인딩한다. 종류 React.js, Vue.js는 컴포넌트 수준의 프레임 워크다. 컴포넌트(재사용이 가능한 최소단위)들이 한 페이지를 작성하고, 특정 부분만 데이터를 바인딩한다. 기존의 방식과 차이점 기존의 웹 서비스 요청시마다 서버로부터 리소스들과 데이터를 받아 해석하고 화면에 렌더링하는 방식이다. SPA방식은 브라우저에서 최초 한 번 페이지 전체를 로드하고, 이후부터는 특정부분만 Ajax를 통해 데이터를 바인딩 한다. * Template Engine(템플릿 엔진)https://gs..

용어를 한 가지 정리해보려고 자료를 읽다보면 첫 번째 줄부터 새로운 용어가 나온다. 오늘도 2개 정리하려고 했는데 5개가 되었다. IT세계의 terminology의 세계는 깊고 깊구나 낯선 용어와 개념은 일단 자주 여러 번 봐주는 게 좋다. 그러므로 앞으로도 그렇게 공부하겠다. 뇌야 힘내자

XML (Extensible Markup Language) W3C표준 권고안에 포함된 범용 마크업 언어다. XHTML, MathML, SVH 등 많은 언어가 XML을 기반으로 한다. HTML과 비교 ==> HTML : 표시 목적으로 설계된 고정언어다. XML : 사용자 정의 언어이며 데이터 내용을 정의할 수 있다. * SGML(Standard Generalized Markup Language)은 문서용 마크업 언어를 정의하기 위한 메타 언어이다. * XSLT(Extensible Stylesheet Language Transformations는 전문 처리 소프트웨어와 함께 XML 문서 변환에 쓰이는 XML에 기반을 둔 언어

AJAX(Asynchronous JavaScript And XML) 비동기 자바스크립트와 XML : Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법 - 서버와 통신하기 위해 XMLHttpRequest 객체를 사용 - JSON, XML, HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받음 - 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성" : 사용자의 이벤트가 있으면 전체 페이지가 아닌 일부분만을 업데이트 할 수 있게 해줌 - 페이지 새로고침 없이 서버에 요청이 가능함 - 서버에서 데이터를 받아 작업을 수행할 수 있도록 함 - 동기적(Synchronous) : 위에서 아래로 코드 하나가 끝나면 다음 코드가 순서대로 실행된다. - 비동기적(ASynchro..

css word-break /* 키워드 값 */ word-break: normal; word-break: break-all; --> 글자기준으로 줄바꿈 word-break: keep-all; word-break: break-word; /* 사용 안함 */ text-overflow { text-overflow: ellipsis; 함께 써야한다. overflow: hidden; white-space: nowrap; } box-orient, line-clamp p { width: 300px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

1. Preferences -> Setting에서 Word Wrap:on 자동 줄바꿈이 된다. 2. HTML Snippets : Mohamed Abusaid HTML 전체 코드를 써준다. 3. Auto Close Tag : Jun Han 자동으로 태그를 닫아준다. 4. Live Server - Ritwick Dey 결과물을 바로 웹브라우저로 확인할 수 있다. 5. HTML CSS Support : ecmel 태그 자동완성, 잘못 쓰인 태그를 정정해준다. + 6. Auto Rename Tag 열림태그를 바꾸면 닫힌태그를 자동으로 바꿔준다. 7. live sass compiler 8.TSlint 9. prettier

style 우선순위 CASE1 html 태그 안 -> html head style태그 안 -> 외부css CASE2 전체경로를 적은 경우 -> 전체경로X CASE3 더 아래에 적은 속성

변수 var, let 상수 const 분류기준 분류1 분류2 성질 var, let const 한 번 선언하면 바꿀 수 없음 범위 const, let 블록(>함수) 안에서 선언 -> 지역변수 var 함수 안에서 선언 -> 지역변수