공부용

개발도구 : Visual Studio Code 0. Node.js 설치 https://nodejs.org/ko/download/ 1. 원하는 위치에 Vue 프로젝트를 생성할 폴더를 만든다. 2. vsc에서 폴더를 선택하여 실행한다. 3. " ctrl + ` " 눌러 터미널창을 실행한다. 4. vue cli 설치 터미널에 입력하여 vue-cli를 설치한다 npm install -g @vue/cli 5. 프로젝트 생성 cd 명령어로 프로젝트 생성할 위치로 이동 vue create 명령어로 프로젝트 생성 cd project/vue vue create vue-project * 혹시 아래와 같은 에러가 난다면 https://seoulsense.net/m/51 여기를 참고하면 된다. powershell은 시작창에서..

22년 1월 회사에 입사하였다. 업무 프로젝트상 vue.js 를 사용한다고 하여서 공부를 하기로 했다. 가볍게(?) 크게 사용되는것들 기억에 필요한것들을 기억하고자 기록에 남긴다.

저는 trip planner를 기획하면서 메인페이지는 나라소개를 넣었고, 컨텐츠로는 동행찾기 게시판 / 계획짜기 / 회원관리 ( 로그인, 회원가입, 아이디 비밀번호 찾기 등) 을 생각하였습니다. * App.js App.js는 react 에서의 메인시작이다. Main - 메인페이지 login - 로그인 페이지 signup - 회원가입 페이지 search - 아이디 / 비밀번호 찾기 페이지 plan - 계획짜기 페이지 board - 일행찾기 게시판 Main 은 Header + SubHeader + 나라소개 페이지로 구성되어 있다. Header에는 로고 & 멤버 관련 ( 로그인 + 회원가입 ) 으로 구성되어 있다. &Header에서는 로그인 관리로 session을 사용하였다. //관련 url : https:/..

Router router는 특정 url에 페이지를 제공하는 방식입니다. 1. 설치 npm install --save react-router 2. 사용방법 * exact = 이하 경로를 중복 출력하지 않도록한다. * switch = /일때, /하위 경로일때 모두 화면에 출력되지 않도록 한다. Styled-componets styled-componets는 react 요소에 css를 입혀주는 프레임워크입니다. 처음에 css를 1페이지에 1개만 사용하게끔하려했지만, 모든 리액트 페이지에서 css를 공유해서 알아보다가 발견한 프레임워크입니다. 현업에서는 자주 사용하는 프레임워크라고 합니다. 1. 설치 $ npm install styled-components 2. 사용방법 import styled from "sty..

* 모든 글은 글쓴이의 공부하면서 개인의견입니다. 확실한 정보는 아닙니다. - 리액트란 무엇인가 (react 자습서 참고) React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다. 리액트에서는 class 와 객체로 html 을 만들 수 있습니다. //class 버전 class ShoppingList extends React.Component { render() { return ( Shopping List for {this.props.name} Instagram WhatsApp Oculus ); } } //객체 버전 const ShoppingList = ()..

보호되어 있는 글입니다.

case 1: A and (B = b1 or b2) { "query": { "bool" : { "must" : [ { "match" : { "field1" : "data" } }, { "terms" : { "field2": [data1, data2] } } ] } } } case 2: A and (B or C or D ... ) { "query": { "bool" : { "must" : [ { "term" : {"field1": "data"} }, { "bool": { "should": [ {"term": { "field2": "data"}}, {"term": { "field3": "data"}} ] } } ] } } } case 3: *comment AND / OR 은 제가 임의로 정의한것이지 확실하지..

1. term 쿼리의 키워드와 일치하는 녀석이 있는지 찾아준다. { "query": { "bool": { "must": [ { "term": { "field": "data" } } ] } } } 2. match 쿼리의 키워드를 분석해서, 분석한 결과의 token 들 중 하나라도 일치하면 return 한다. { "query": { "bool": { "must": [ { "match": { "field": "data" } } ] } } } 3.match_phrase match처럼 keyword를 분석하는것은 동일하나 그 결과 token 들이 모두 존재하고, 순서도 순차적으로 동일한 document 만을 검색 결과에 포함 { "query": { "bool": { "must": [ { "match_phrase"..

#SELECT DATABASE localhost/_cat/indices?v localhost/_cat/indices?v URL 처리 예제 ----------------------------- #GET/SELECT/SEARCH DATA GET localhost/index/type/_search?""?filter_path=... GET localhost/index/type/_search?""&filter_path=... - index : database - type : table - _search?q="" - > 연관단어? 들어간단어 다 긁어온다 - _search?q="" 사용법 "columnA":"rowA" AND "columnB":"rowB" - columnA에 있는 rowA와 columnB에 있는 ro..