본문 바로가기

Before

(18)
[Vue.js] 클래스 동적 바인딩 어제 포스팅한 컴포넌트와 같은 컴포넌트이지만 중간에 동적으로 클래스를 바인딩하기 위해 v-bind 속성을 사용했다.
[Vue.js] v-for 반복문과 created Lifecycle hook
[Vue.js] 컴포넌트 데이터 바인딩 컴포넌트 내 데이터 바인딩 관련 예제 코드 각각 주석부분에 설명 기입 css
[Vue.js] 외부 CDN 적용 Vue.js 2.6.11 버전 기준 방금 package.json을 확인했는데 2점대 버전은 2.6버전 그대로 였구나 vue앱의 템플릿 역할을 하는 index.html에 cdn을 적용해보자 위와 같은 프로젝트 구조에서 /public/index.html을 들어간다. 위 캡쳐처럼 태그 아래 레벨에 link태그와 script태그로 외부 cdn을 끌어올 수 있다.
[Vue.js] 컴포넌트 생성 및 등록 1. Component의 파일명은 대문자로 시작하는 PascalCase 2. Vue Component 코딩 영역
[Vue.js] 개발 환경 설정 입사하기전에는 계속 성장하는 개발자가 되는 것이 목표다라고 생각했지만 신입사원 나부랭이한테는 회사업무를 익히는것만으로도 벅찼나보다. 그러던 와중에 개인 역량 강화 목표를 세워야하는 상황이 주어졌고, 지난 프로젝트들에서 vue.js를 사용해본 경험이 있다는 이유로 선배들과 함께하는 프로젝트에서 vue.js를 담당하게 되었다. 근데 다 까먹었었기에 지금부터 다시 공부를 시작한다. (진짜 역량강화) 이전 취직을 위해 공부했던 때와는 다르게 왜 그렇게 동작하는지에 대해 기록하며 진짜로 공부하기로 했다. 먼저 이 공부는 기존에 인프런에서 수강했던 캡틴판교님의 Vue.js 중급 강좌를 다시 수강하며 하는 포스팅임을 밝힌다. 1. vs code 설치 code.visualstudio.com/download Downlo..
[ego-api-server] GET 메소드 삽질기 잘 만들어둔줄 알았던 API들이 DB조회를 하는데 찾지 못하는 에러가 발생한다던가, JPA단에서 No Entity에러를 뿜어내기 시작했다. 여러번 테스트를 통해 기존에 Request Body에 Parameter들을 담아 요청받게 만들었던 GET API들을 URL에 함께 Parameter를 담아 RequestParam으로 전달받도록 바꾼 뒤 에러가 터져나온다는 것을 깨달았다. 유저 인증 방식에서 문제가 있었는데, 로그인시 DB에 의해 자동 생성된 id를 가지고 로그인을 수행하는 것이 아니라 입력받은 유저의 데이터를 서버에서 암호화를 수행해 id값을 만들어내 제공하는 방식으로 로그인을 구현했었다. 그러다보니 임의의 String 값이 id로 생성되는데 여기에 +나 /같이 URL 예약문자들이 끼워져 들어가면서 ..
[HANTA - Cordova] iOS 빌드 테스트중 삽질 푸시 서버로 Google FCM을 이용하기 위해 잠시 Spring Boot 개발을 멈추고 Firebase console에서 프로젝트 생성 후 APNS 인증서도 정상적으로 등록을 했다. cordova-plugin-fcm 플러그인을 사용했는데 처음엔 다음 사진처럼 플러그인 문서에 따라 잘 작동했는데 이제 Firebase서버로 부터 받은 이 토큰을 alert가 아니라 우리 서버로 보내주기 위해 콜백 함수를 변경하고 빌드를 하니 플러그인이 아예 먹통이 되는 것이었다. 전혀 도움은 안되고 이후에 비슷한 삽질을 하는것을 막기 위해 기록차 남긴다. $ cordova create fcm-test $ cd fcm-test -> Firebase console에서 발급받은 GoogleService-Info.plist를 Co..