시나브로rin

.vue 파일은 싱글파일 컴포넌트로서 html, javaScript, css를 하나의 파일에서 관리한다. 기본 구조는 template, script, style로 구성된다. header 이 기본 구조는 vue 입력 + tab으로 자동 완성할 수 있다. Vue CLI //위 스크립트와 아래는 같은 내용이나 CLI로 인해 문법이 다름 vue 공부 시 보면 좋을 공식 문서 (한글 번역 시 원문 훼손의 가능성이 있기때문에 가능하면 원문 그대로 보는 것을 추천) https://vuejs.org/guide/introduction.html Introduction | Vue.js vuejs.org https://v2.vuejs.org/v2/style-guide/?redirect=true - 스타일 가이드 : 올바른 코..

Inflearn [ Vue.js 시작하기 - Age of Vue.js ] 강의 기록입니다. Ajax 비동기적인 웹 애플리케이션 제작을 위한 기법 https://ko.wikipedia.org/wiki/Ajax Ajax - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 다른 뜻에 대해서는 에이젝스 문서를 참고하십시오. 다른 뜻에 대해서는 아이아스 문서를 참고하십시오. Ajax(Asynchronous JavaScript and XML, 에이잭스)는 비동기적인 ko.wikipedia.org Axios Vue에서 권고하는 HTTP 통신 라이브러리, promise 기반의 http 통신 라이브러리. https://github.com/axios/axios GitHub - axios/axios: Pr..

Inflearn [ Vue.js 시작하기 - Age of Vue.js ] 강의 기록입니다. 뷰 컴포넌트? 화면의 영역을 구분하여 개발하도록 하는 뷰의 기능. 코드의 재사용성이 올라감. 코드 반복 최소화. https://v2.ko.vuejs.org/v2/guide/components.html 컴포넌트 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 v2.ko.vuejs.org 전역 컴포넌트 등록 예시 전역 컴포넌트는 거의 등록하는 일이 없음. 지역 컴포넌트를 주로 사용함 지역 컴포넌트 인스턴스 생성 안에 components를 만듦 new Vue({ //인스턴스를 생성하면 기본으로 root 컴포넌트로 생성됨 el : '#app', components : { // 지역 컴포넌트 등록 // ..

Inflearn [ Vue.js 시작하기 - Age of Vue.js ] 강의 기록입니다. What is Vue? MVVM 패턴의 뷰모델 레이어에 해당하는 화면(view)단 라이브러리. view는 html영역이고 DOM으로 관리함 view에서 사용자가 발생시킨(키보드, 마우스 등) 이벤트를 중간에서 DOM Listener가 이벤트를 청취(?)함 -> js의 데이터를 변경시키거나 js의 로직에서 이벤트를 실행시킴 -> js에서 변경된 데이터를 Data Bindings를 이용해서 다시 view화면에 반영하게 됨. vue의 특징 중 하나. Reactivity(반응성) - javaScript의 상태 변화에 따라 자동으로 결과값을 추적, 변환하여 보여줄 수 있다. Vue 인스턴스 뷰 개발에 필수 생성 단위 인스턴..

@Transient 어노테이션 DB컬럼과 매핑되지 않는 데이터. DB에 저장될 필요는 없는 데이터로 개발자의 필요에 의해 메모리에서만 사용하는 필드를 명시할 때 사용됨.

SQL 설정에 따라 GROUP BY 구문에 오류가 발생할 수 있다는 점을 최근 프로젝트를 진행하며 깨달았다. 간단히 말하면 GROUP BY절에 쿼리의 SELECT 절에 있는 컬럼이 모두 포함되어야 한다는 점. https://jjon.tistory.com/entry/ONLYFULLGROUPBY-SQL-%EC%BF%BC%EB%A6%AC-%EC%8B%A4%ED%8C%A8 ONLY_FULL_GROUP_BY SQL 쿼리 실패 MySQL을 업그레이드 한 후 정상적으로 수행되던 쿼리가 "ERROR 1055 (42000): Expression #2 of SELECT list is not in GROUP BY clause" 에러와 함께 수행이 되지 않는 경우가 있습니다. ERROR 1055 (42000): Express..

서버단으로 String 데이터가 전달될 때 기호, 특수문자가 그대로 오지 않고 변환되어 전달되는 경우가 있다. 그 경우에 사용하는 Apache에서 제공하는 클래스가 있다. https://commons.apache.org/proper/commons-lang/apidocs/org/apache/commons/lang3/StringEscapeUtils.html StringEscapeUtils (Apache Commons Lang 3.12.0 API) Unescapes any Java literals found in the String. For example, it will turn a sequence of '\' and 'n' into a newline character, unless the '\' is pre..

https://erwinousy.medium.com/%EB%82%9C-react%EC%99%80-vue%EC%97%90%EC%84%9C-%EC%99%84%EC%A0%84%ED%9E%88-%EA%B0%99%EC%9D%80-%EC%95%B1%EC%9D%84-%EB%A7%8C%EB%93%A4%EC%97%88%EB%8B%A4-%EC%9D%B4%EA%B2%83%EC%9D%80-%EA%B7%B8-%EC%B0%A8%EC%9D%B4%EC%A0%90%EC%9D%B4%EB%8B%A4-5cffcbfe287f React와 Vue에서 똑같은 앱을 만들어보고 그 차이점에 대해 썼다.(번역글)이 글은 https://medium.com/javascript-in-plain-english/i-created-the-exact-same-a..

aws 오류 com.amazonaws.services.sns.model.EndpointDisabledException: Endpoint is disabled (Service: AmazonSNS; Status Code: 400; Error Code: EndpointDisabled; Request ID: ......) https://sigmasabjil.tistory.com/4 amazonaws.services.sns 오류들 AWS SDK를 사용해서 push 메세지를 보낼때 FAIL시 발생하는 오류들 몇가지를 정리해봤습니다. com.amazonaws.services.sns.model.InvalidParameterException: Invalid parameter: Token Reason: iOS device..

yml 설정 파일에 저장된 값 가져와 사용하는 법 https://velog.io/@haerong22/Springboot-%EC%84%A4%EC%A0%95-%ED%8C%8C%EC%9D%BC%EC%97%90%EC%84%9C-%EA%B0%92-%EA%B0%80%EC%A0%B8%EC%98%A4%EB%8A%94-%EB%B0%A9%EB%B2%95 [Springboot] 설정 파일에서 값 가져오는 방법 설정파일 값 가져오기 velog.io @Value("${a.b}")의 방법으로 했는데 null이 나와? https://velog.io/@jduckling_1024/Value%EB%A1%9C-application.yml%EC%9D%98-%EA%B0%92-%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0 ..

가끔 실행시켜도 로고만 나오고 실행 안되는 경우가 있음(이해불가)https://hwon-da.tistory.com/36 [SourceTree] 로고화면만 나오고 실행이 안 될 때갑자기 잘 사용하던 소스트리를 클릭했을 때 로고만 나오고 실행되지 않았다. 여러 가지 방법을 사용했지만 끝끝내 되지 않아서 C:\Users\username\AppData\Local\Atlassian\ 내에 있는 Url 어쩌구 폴더 내 모hwon-da.tistory.com

eclipse anyedit 플러그인 - 해당 설정 체크 해제하고 사용하기(안그러면 수정하지 않은 부분의 공백이 수정처리되어 저장됨)

https://all-record.tistory.com/11 이클립스 Run시 항상 최근 실행된 프로젝트가 실행되는 문제 해결방법이클립스를 실행할 때 현재 보이는 프로젝트가 아니라 최근에 실행한 프로젝트가 실행되는 경우가 있다. 이럴 때 이클립스 설정을 바꾸어 해결해야 한다. 우선 최상단 메뉴 [Window] - [Preferences]를all-record.tistory.com

https://webruden.tistory.com/379 AWS CloudFront에서 사용자 기반 정보 사용하는 방법 (feat. CloudFront-Viewer)AWS CloudFront 새로운 캐시 정책에서 사용자 위치 정보 헤더가 추가되었습니다. 이제 CloudFront를 구성해서 캐싱 및 원본 요청 정책을 더욱 세밀하게 지정할 수 있는 추가적인 위치 정보 헤더를 추가webruden.tistory.com

https://www.theteams.kr/teams/8573/post/73291 SQL의 핵심, 여러 테이블을 다루는 조인(LEFT OUTER JOIN, RIGHT OUTER JOIN) by 코드잇 SQL 기초를 어느 정도 배우고나면 이제 극복해야할 산이 하나 있습니다. 그것은 바로 여러 테이블을 다루는 방법을 익히는 건데요. ​실무에서 우리가 분석해야할 데이터는 각 테이블에 흩어져 www.theteams.kr https://hongong.hanbit.co.kr/sql-%EA%B8%B0%EB%B3%B8-%EB%AC%B8%EB%B2%95-joininner-outer-cross-self-join/ SQL 기본 문법: JOIN(INNER, OUTER, CROSS, SELF JOIN) 조인은 두 개의 테이블을..