qbj700

- manifest - manifest는 PWA에 대해 브라우저에게 알려주는 JSON 형식으로 된 파일이다. - 데스크톱 또는 모바일 장치에서 설치할 때 어떻게 작동해야하는지 알려준다. - 일반적으로 앱 이름, 앱에서 사용하는 아이콘, 앱이 시작될때 열어야하는 URL등이 포함된다. - manifest 파일만들기 - 파일 이름을 지정 가능하지만 일반적으로 manifest.json 으로 지정한다. - ROOT 폴더(웹 사이트의 최상위 dir)에서 제공된다. - 항목으로는 short_name, name, icons, start_url, background_color, dispaly 등이있다. - 페이지에 웹 앱 매니페스트 추가 - 태그 추가 - manifest를 만든 후 PWA 모든 페이지에 태그를 추가한다...

- 취업특강 - 채용 트렌드 - 인재상의 변화 : 창의성중시 -> 소통과 협력 중시 - 일을 잘하는 사람 (직무 적합성) + 우리랑같이 일 할수 있는사람(조직 적합성) - 채용 경향 - 공개채용 줄어들고 -> 수시채용(신규 인력 수요가 생겼을 때 채용공고 통해 충원하는 채용방식) 이 늘어남. - 채용공고 분석 - (대/중견/중소기업, 면접구성, 종업원수 등 기준) - 직무 기술서 : 분야별로 어떤 직무능력을 갖추어야하는지 안내해줌 - (민간) 채용사이트 활용 : 정보등록 및 공개(인재등록) & 산업-직무별채용사이트 - 취업 가치관 설정(우선순위) - 연봉 / 기업인지도 / 발전가능성 / 복지 / 조직문화 / 안전성 / 근무환경 / 근무지역 / 경력개발 등 - 취업 준비 사항 - 객관화 : 나를 가치화, ..

- Http session 사용 - 인터셉터 사용하여 매번 로그인 체크를 하지않아도 됨 - servlet요청시 beforeAction에서 session정보를 얻어 로그인 체크 진행 - 더불어 loginedMember의 정보를 req를 통해 전달 - 이로써 매번 session에 요청하는게아닌 req에 저장된 데이터 사용 - SMTP (Simple Mail Transfer Protocol) - google 의 SMTP 사용 - 회원가입시 축하 메일 발송 - 이메일 주소가 google 주소로 발송됨 - 별도의 사이트 이메일 사용원할경우 별도의mail서버 운영필요

- jsp EL (Expression language) 표현식 문법과 사용 - ${~~~} 객체 프로퍼티의 값을 꺼낼때 사용 - #{~~~} 객체 프로퍼티에 값을 담는 용도로 주로 사용 - JSTL 사용 (순수 자바코드 제거) - 태그 라이브러리를 선언하여 사용 - Core = - XML = - I18N(국제화) = - Database = - Functions =

- VUE 문법 - 요즘은 JS에서 Var 가 아닌 let 으로 사용 - {{content}} src 속성에 바인드 - v-bind:style ="" => style 바인딩은 json 형태로 기입 - :style 로 축약하여 사용가능 - 혹은 :style ="{'color:red'}" 이런식으로 디렉티브에 직접 정용가능 - :class = "{active: mode}" => class 적용 여부를 mode: true / mode: false 를 통해 조절 - @click = "" > 이벤트 핸들러 - v-show = "" > visibility 를 true / false 로 표현 가능 - v-for = "item in item" - 리스트 랜더링 - v-for 의 경우 item in item 이라는 특수..

먼저 Vue를 사용하기 위하여 Script를 추가해 준다. 그리고 Vue로 바인딩 되는 data 는 {{}} 를 사용해 추가해준다. {{content}} console.clear(); 를 통해 콘솔창을 비워준후 new Vue를 통해 Vue를 사용하겠음을 선언 el: '#app' => app이라는 id를 가진 el(element)를 선택 content 를 data에 입력해둔다. console.clear(); let app = new Vue({ el: '#app', data:{ content: '바이' } }); app.content = "안녕"; 그후 app.content = 를 통해서 값이 잘 변경되어서 반영되는지 확인한다. See the Pen Vue 실습 (예제 - 1) - 바인딩 by qbj700 ..

## 2020-12-31, 054일차 - VUE 문법 - 요즘은 JS에서 Var 가 아닌 let 으로 사용 - {{content}} src 속성에 바인드 - v-bind:style ="" => style 바인딩은 json 형태로 기입 - :style 로 축약하여 사용가능 - 혹은 :style ="{'color:red'}" 이런식으로 디렉티브에 직접 정용가능 - :class = "{active: mode}" => class 적용 여부를 mode: true / mode: false 를 통해 조절 - @click = "" > 이벤트 핸들러 - v-show = "" > visibility 를 true / false 로 표현 가능 - v-for = "item in item" - 리스트 랜더링 - v-for 의 경..

## 2020-12-30, 053일차 - 데이터 입출력 시험 - 게시판 이름 버그수정 / readme.md 파일 추가 - DISQUS API를 통한 HTTP REQUEST 응답 함수 구현 - 잭슨 라이브러리 추가 및 테스트 - api 로 받아온 json 데이터를 잭슨을 이용하여 다양한 객체로 매핑 - Disqus api 를 이용하여 추천수 동기화 기능 추가

- JSP 커뮤니티 개발 - response.getWriter().append("hello"); = > 출력 - request.getParameter("dan"); = > parameter 값 가져오기 - request => 받는것 - response => 나가는것 - servlet forward - JSP 와 SERVLET 간의 포워딩 - servlet 을 사용하는 이유는 jsp 소스에서 자바로직을 때어내기 위함 - jsp 소스에 자바, 스크립트, html 등 모두 들어가 있으면 코드가 복잡하고 유지보수가 힘들기 때문.

- xampp utf8mb4 설정 - utf8mb4 이 기본설정인 버전 재설치 - utf8 설정을 utf8mb4 설정으로 ini 파일 수정 emoji 를 사용하기 위해서는 utf8mb4 설정을 해주어야 하는데, utf8 의 경우는 3byte 이나, utf8mb4의 경우에는 4byte 까지 표현 가능하기때문에 4byte 인 emoji를 표현하기위해 utf8mb4설정. 😂