[ provide, inject ]- 컨테이너/프리젠터패턴    //setITem은 이름이 같으면 덮어쓴다.    localStorage.setItem('count', data.value) JSON = 객체를 표시하는 방법- 문자열로 구성되어 있다.- JSON.stringify() > ()안에 데이터를 제이슨 문자화- JSON.parse [ LocalStorage 활용방법 ](키오스크)-MountedonMounted(() => {    console.log('Mounted........................................')})- 마운트 되었을때 실행된다  [비동기 프로그래밍]- 브라우저, Node.js는 Single Thread이다. > 이벤트 루프- 서버소켓 : 읽고 처리하고 쓰..

- v-if- v-for- 컴포넌트 나누기 - 이미지나 추가적인 링크 - 부트스트랩 - JS가 중심이 되고, HTML은 자동으로 갱신 처리- Vue3에서 반응형이라는 개념을 도입- data(), this남발되는 코드ref - 기본자료형 (원시타입) ,value를 사용해야한다, 변경시 ref가 더 유용하다reactive - 객체만 가능ref, reactive = 에서는 value없이 사용  [WebApp]- Web의 개념을 그대로 들고간다.- TomCat안에 경로를 다르게해서 프로젝트를 여러개 띄울 수 있다.> 프로젝트 하나당 JSP, Suvlet, filter, listener도 있고 이렇게 되어있는데 얘들만 따로 관리를 하는데 이 방식은 앱과도 동일하다.  [App]- 앱으로 만들어서 실행하게 되면 앱..

-VUE- 과거 : HTML이 주인공, JS 보조현재 : JS가 주인공, HTML = viewer - JS중심으로 바라보게 되면> JS안에있는 데이터가 변경이된다. -> HTML에 반영 -> 동적으로 화면 갱신   - 서버사이드 중심 개발인  Vue, React, Angular 인기가 많은 이유?>(서버사이드중심) asp/jsp/php에서 왜 옮겨갔을까?>> 경제적인 변화/ 환경의 변화 / 경쟁력>>>적은 개발자 -> 많은 서비스 -> 분업 - 전문 프론트/ 백엔드>>>>백엔드 = 인프라 - 클라우드, 오케스트레이션, MSA - 신입이 진입하기에 장벽이 너무 높다. (경험치를 쌓는것이 쉽지않다)>>>>프론트 - 웹디자이너 - 웹퍼블리셔 - 주어진 페이지 결과 (과거)어플리케이션 - 설계가 필요하고 - 백..

- react custom hook> 커스텀 hook으로 로직 재사용 - DOM/BOM> document, window(생략가능) - CRUDC - createElement보다는 innerHTML을 선호한다 - DOM 구조를 몇 번이나 변경하는지R - querySelector, querySelectorAll, closest ( 아랫쪽, 윗쪽 어디서 찾아가느냐 )U - classList  Event 모델- addEventListener()- 버블링/ 캡처링- stopPropagation/preventDefault- EventLoop, 리스너(핸들러), 람다식엣날 방식 = btn.addEventListener('click', function() {...}, false); 버블링( 안쪽에서 바깥쪽으로 ) > ..

[객체 리터럴]- {} 와 '키'와 '값' 으로 처리- 클래스 없이 자유로운 데이터와 함수 표현- 단축 속성 - Shorthand Property Names- 동적으로 속성이나 메서드 추가 가능 const print = (name, age) => { console.log(name)}print ()- 함수는 파라미터 갯수에 영향을 받지 않는다.  - 비 구조 할당const print = ({name, age}) => { console.log(name, age) }*/ const print(param) => { console.log(param.name) console.log(param.age) }  - 아래 두 코드는 차이가 있을까?> 있다 엄청나게 큰 차..

JS -> 보조 -> HTML5(주인공) -> JavaScript => ERP(신입 안뽑고 경력 뽑는데 SAP이라는 제품 : ABAP을 쓴다.ABAP = SAP을 위해 만들어진 언어Oracle = ERP -> 대한항공에 적용 ( 가장먼저 )  자바스크립트 : 특정 어플리케이션(프로그램)을 위해 만들어진 언어>  보통사람들 => 웹에서 브라우저  노드 js = 크롬의 엔진을 뜯어낸것브라우저의 자바스크립트 해석기인 엔진을 뜯어낸것 ->V8 (엔진이름) 브라우저마다 자바스크립트 엔진이 다르다. 서버사이드에 어플리케이션으로 적용할 수 있게 해준다.python -> 특정프로그램을 위해서 자바스크립트가 처음나왔을때는 허접했지만 현재는 발전하고있다. (가장 큰계기 = HTML5, node.js) 이 두개가 자바스크립..