JuHyang

nextjs 기초 https://velopert.com/3293 nextjs + bootstrap / css https://jcon.tistory.com/118 nextjs + redux https://holywater-jeong.github.io/blog/next-js-redux/ nextjs 에서 강제 CSR next/dynamic

참고 : https://chanspark.github.io/2017/12/06/Firebase-공부.html firebase-tools설치 npm install -g firebase-tools firebase login >> 파이어베이스 로그인 firebase init >> 파이어베이스 시작 // 리액트 폴더 내에서 실행

PART 1 - https://medium.com/wasd/기초부터-배우는-react-js-1531b18f7bb2 현재 프론트엔드 진영에는 3개의 라이브러리 or 프레임워크가 경쟁 중인데 React, Angular, Vue 입니다. 깃허브 스타가 이를 보장해주기도 하고 요새 이 세개 중에 하나 정도는 이름을 들어본 적이 있을 정도로 셋은 프론트엔드계의 끝판왕을 달리고 있습니다 React 는 Facebook 이 만든 사용자 UI 구축을 위한 라이브러리 입니다. 오직 사용자의 View 에만 초점을 맞추고 있습니다. 따라서 Routing 같은 기술이 리액트 자체에는 들어가 있지 않습니다. 하지만 개발자들이 여러 가지 리액트에 필요한 것들을 만들어 놓아서 사실상 프레임워크 위치에 있다고 무방할 정도입니다. 그만..

http://vuejs.kr/2017/02/05/express-with-vue/ 서버와 클라이언트 분리 전략 서버와 클라이언트 개발을 분리하는 것은 코드 관리에서 가장 중요하다고 생각하고 있습니다. 상황에 따라 다르지만 서로 다른 두 영역이 한 코드베이스에 있을 필요가 없다고 여겨집니다. Vue와 Express 는 vue-cli 와 express-generator 라는 프로젝트 생성기를 제공하고 있습니다. Vue 개발에서 vue-cli 를 사용하면 최초 프로젝트 구성에 시간이 적게 들어 개발에만 집중할 수 잇도록 합니다. express-generator의 경우에도 express 를 모르는 상황에서 고민할 필요없이 프로젝트 구성을 할 수 있도록 도와주었습니다. 프로젝트 기본 설정 이번 프로젝트으 기본 디렉..

구글 대시보드 처음에 목록 가져올때 전체 서비스에 대한 정보를 가져와서 데이터가 있는것 우선으로 보여줌. >> client side rendering 자비스 대시보드 기간 선택시 url 에 기간 정보 들어가면서 Reload 진행. >> ServerSide Rendering Trello 각 기능별 API Call >> Client side Rendering Asana n 초에 한번씩 api 콜 발생. 서버사용 최소화 API call 최소화

vuejs mouseOver & mouseLeave Event to change css (include click event) ARS 상담 홈페이지 상담 이메일 상담 카카오톡 상담 methods: { changeTab : function (tab) { var id = "" var backgroundColor = "" var fontColor = "" id = "#tab" + (this.tab_data + "") backgroundColor = "white" fontColor = "black" $(id).css("background-color", backgroundColor) $(id).css("color", fontColor) this.tab_data = tab id = "#tab" + (tab + ""..

Project/lecture-vue-trello 코드 스캐폴딩 >> vue init webpack-simple lecture-vue-trello 위의 명령어를 통해 프로젝트 생성 >> npm i >> npm run dev 라우터의 필요성 서버 라우팅 매번 주소를 요청할때마다 화면이 갱신된다. ex) 네이버, 구글 브라우저 라우팅 주소를 매번 요청 하더라도 화면이 갱신되지 않는다. 대신, 그 화면에 필요한 데이터만 서버에 따로 요청해서 화면을 갱신하는 방법을 사용한다. 서버 라우팅과 비교해서 조금 더 효율적으로 화면을 갱신한다. ex) 구글메일, 트렐로 라우트는 일반적으로 vue-router 를 사용한다. Vue-router https://router.vuejs.org/kr/ 설치 후 main.js 에서 ..

1. SEO 의 기초 "명확하고 독창적인 타이틀을 사용하라" 역시 SEO의 기본 of 기본은 제목이다 제목은 태그에 넣되, 이는 태그 내에 있어야 한다. 콘텐츠를 '정확히' 설명하는 제목을 사용하라. 제목이 길거나, 지나치게 많은 태그를 사용하면 안된다. "description' 메타 태그를 활용하라" 페이지의 요약 정보를 로 설명하라. 이는 검색 결과에 요약으로 보여지고 SEO에도 도움이 된다. 문서의 전체를 복사해 넣거나, 키워드만 넣으면 안된다. 해당 콘텐츠의 내용을 정확히 요약하라. 2. 사이트의 구조를 개선하라. "페이지의 URL 구조를 개선하라" 이해하기 쉬운 URL 은 검색결과로 노출되어 사용자는 물론, 검색 엔진 모두에게 도움이 된다. 예를들어, URL 이 'Socialmedia'와 같은 ..