SPA, Single Page Application한 화면 내에서 모든 변화가 이루어짐js는 html 구조를 변경, 변형하기 위한 언어이며 데이터를 주고 받을 수 있는 언어 규격이기도 하다이를 기반으로 UI에 필요한 컴포넌트, 기능들을 불러와 재배치하는데 이 과정에서
Front 업무를 진행하며 모르는 부분들 공부Vue에서 화면에 표시되는 구성 요소 중에 하나로 여러 Component들이 모여 하나의 화면을 구성한다Vue는 해당 컴포넌트 각자가 Data를 관리만약 Data를 단일 오브젝트로 생성해 컴포넌트에서 js를 이용해 접근하는
회사 CMS front 단을 실행시키는데 오류 발생해 찾아봄'webpack-dev-server'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.처음 환경 설정할 때 이 전에 부트캠프 프로젝트(react 사용)할 때 처럼 packag
position 속성은 html 문서 상에서 요소가 배치되는 방식을 결정top, left, bottom, right 속성과 함께 사용된다default 값으로 html 문서 상에서 원래 있어야하는 위치에 배포html에 작성된 순서 그대로 브라우저 화면에 표시된다만약 st
front 과제 중에 component 관련 import가 코드의 맨 상단에 위치한 경우도 있지만 component 내에 에로우 함수를 이용해 있는 경우도 존재component 정의 시에 import를 사용하지 않은 경우는 모든 component들이 페이지 시작과 동시
회사 내 프로젝트를 위해 js를 한번도 사용해본 적이 없는 상황에서 기존의 조금이나마 사용할 수 있는 java, python을 토대로 비교하며 js의 핵심이라 생각드는 부분과 인상 깊은 부분들 위주로 정리주로 웹 브라우저에 사용한다고 보면 된다, node.js 등을 통
js 코드를 보는 과정 중에 함수 선언식과 표현식이 크게 다르지 않다고 생각하고 보고 있었는데 미묘하게 다른듯한 모습들이 보여 찾아봄두 가지는 구분 되는 것이였음function 키워드를 이용해 정의하며 일반적인 다른 언어들과 동일하게 함수가 올려져있고 호출해서 사용하는
js인지 jquery인지는 모르겠지만 .then이라는 것이 뭔지 찾다가 promise라는 것을 찾음자바스크립트 비동기 처리에 사용되는 객체비동기 : 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바 스크립트의 특성비동기 요청에 대한 결과를
callback 함수가 뭔가?다른 함수에 매개변수로 남겨준 함수를 지칭회사 프로젝트 코드들을 보면 js에서 함수를 변수처럼 넘겨줄 수 있다는 것을 예상할 수 있었는데 이는 콜백함수였다함수의 여러 활용 방법 중에 하나로 한 함수가 실행이되고 상황에 따라 다른 함수를 추가
하위 컴포넌트에서 상위 컴포넌트로 이벤트를 전달하기 위한 방식하위 컴포넌트에서 emit을 통해 상위 컴포넌트로 이벤트를 전달emit을 이용해 상위 컴포넌트로 전달하면 상위 컴포넌트에서 v-on을 통해 사용 가능vue에서 이벤트 핸들링하는 속성상위 컴포넌트의 정보를 전달
유지보수 중에 api를 이용해 데이터를 받아와 테이블 형태로 출력하는 과정에서 데이터는 제대로 넘어오되 화면에 보여지지 않는 문제 해결을 목적으로 진행위에 언급한 것처럼 데이터는 가져왔지만 화면에 출력이 되지 않았고 vue의 조건부 렌더링이라는 것을 확인할 수 있었다조
Vue를 진행하며 error 접합처음 퍼블리셔의 작업 파일을 받고 Vue로 옮기는 과정 중에 발생한 에러이다Component template should contain exactly one root element. If you are using v-if on multi
Vue 의존성 설치 이후에 front 모듈을 실행시켰을 때 발생
v-for을 이용해 작업을 하는데 굳이 key라는 것을 사용해야될까?vue에서 기본적으로 사용되는 in-place patch라는 것을 보게 된다면 이해할 것이다vue는 dom 최적화 작업에 있어 효율을 중요시 하기에 기존의 상태와 비교해 바뀐 부분만 즉, 땜빵처리한다고
v-for을 이용해 작업하던 중 err 발생err 내용은 제목과 같으며 v-for문을 돌던 중 데이터의 변화가 추가 감지된 경우에 발생했다vue는 데이터를 바인딩하며 데이터의 변화가 감지되면 기존 상태에서 변화된 부분들을 감지해 렌더링하게 되어 있는데 v-for 루프를
vue.js를 이용한 front 작업 중 발생vue template에서 사용하는 데이터를 script 내에 data 부분에 선언하지 않고 사용했을 때 발생vue의 경우 데이터의 변화를 감지하며 변화된 데이터들만 렌더링 작업을 진행하는데 참조할 인스턴스가 없기에 해당 e
퍼블리셔 파일을 받았을 때 이미지를 불러오는 형식이 style="background-image:url(../imgs/mypage/)" 해당 형식이었다회사 프로젝트 내에서 이미지 path의 경우 특정 메서드를 이용해 동적 변수를 할당해 사용하고 있었다(변수 | 함수) j