계란 블로그

Note 선택 불가능한 콤보 박스 만들기 - disabled Detail - 부모 "Detail"은 자식 컴포넌트를 의미한다. 자식 컴포넌트 Detail 에게 statusCdList2라는 데이터를 보내서 자식 컴포넌트의 변수 statusCdList1에 값을 전달한다. 코드 리스트는 statusCdList변수를 선언과 동시에 store에서 데이터를 가져와서 statusCdList에 저장한다. view 라는 컴포넌트가 DOM에 렌더링되자마자 실행되도록 onMounted() 메서드 안에 코드 리스트 가져오는 getCodeList()를 넣어줘야한다. // script onMounted(() => { getCodeList(); }); const getCodeList = () => store.dispatch("St..

Vue 의 다양한 사용 방식 Standalone script Embedded Web Components Single Page Application fullstack / SSR JAMStack / SSG Beyond the web Vue 2.xx => Vue 3.xx 변한 부분 Composition API: Vue2에서 쓰던 방식과 호환된다. 기존에 쓰던 Options API를 대체한다. 혹은 두 개를 같이 쓸 수도 있지만 강사님은 둘 중 하나 선택하는 것을 권장하신다. SFC(Single File Component) 위 두 가지가 등장했다. 다양해지고 체계가 생겼다. Global API: 애플리케이션을 만들 때 new Vue() 를 이용했던 부분이 createapp() 이라는 정적 메소드를 이용해서 만들..

1. 자바스크립트란? 브라우저 위에서 동작하는 인터프리터 방식의 언어이다. 현재는 Node.js 라는 런타임 환경이 생겼기 때문에 서버에서도 자바스크립트를 사용 가능하다. Python, Java는 어떤 파일들을 다운 받아야 환경을 구축할 수 있는 것과는 다르게 JavaScript는 다운 받을 필요가 없다. JavaScript는 브라우저 위에서 바로 동작할 수 있기 때문에 브라우저 위에서 바로 테스트 가능하다. html은 문서이다. 웹 브라우저( ex) 크롬)을 통해 html, css, JavaScript 페이지를 열어볼 수 있다. xlsx 파일을 엑셀, 한컴, 구글 스프레드 시트로 열 수 있다. JavaScript는 html과 관련있다. html에 기능을 넣어준다. html은 웹 브라우저에서 동작한다. ..