본문 바로가기
반응형

패스트캠퍼스60

2020년 1월 3일 - react수업 jwt 란? json web token 안정적이다 - 데이터의 기밀성 보장하거나 데이터의 무결성을 보장 - 데이터 자체를 노출시키지 않는 것(=암호화) - jwt는 데이터의 위변조 여부만 판단한다. (토큰값만 복사해서 jwt에 decode작업을하면 그냥 다 보임 json값으로 -> 결국 기밀성을 보장하겠는 것이 아님) jwt의 메소드들 jwt.sign : 백엔드에서 많이 쓰임, jwt를 생성하기 위해서, 프론트와 백이 협업해야한다(key값을 서로 알아야함, 어떠한 key값을 쓸것인지. (key값이 유출되면 안된다 -> 누가 세션을 만들어내서 로그인을 해버릴 수 있음) jwt.verify : sign당시에 key값을 2번째 파라미터로 받아서 ... jwt.decode : key값 없이 데이터의 원본을 확인.. 2020. 1. 3.
React 두번째 수업 React의 큰 특징들 Facebook이 개발 단방향 바인딩 ( 부모에서 자식으로 이동) 가상 DOM JSX라고 하는 리액트만의 문법이 있다. return ( Counter Example Add {this.state.counter} Minus ); fragment로 감쌈으로써 엘리먼트요소를 하나 이상 쓸 수 있다. 만약 쓰지 않으면, 엘리먼트요소는 한개밖에 쓸 수 없음. return ( Counter Example ex ); 위처럼 쓰면 오류남. 화살표함수의 this는 상위스코프를 가르킨다. 는 특성을 이용해서 React에서는 화살표함수를 써준다. (만약, 화살표함수를 쓰지 않는다면 일일히 this를 바인드 해주어야함) *** Chrome의 개발자도구 Audits를 통해서 SPA의 성능을 볼 수 있고 어.. 2019. 7. 20.
[프론트엔드 개발 스쿨 20주차] 파이널 프로젝트 First Week Start! 1. 프로젝트 첫 주의 시작. 드디어 프로젝트 개발이 시작되었다. 사실상 5개의 팀이 있는데, 거의 대부분의 팀이 백엔드와 협업을 해서 자료를 주고받을 것을 미리 정했고, 그거에 맞게 백엔드 분들이 API 문서를 만드는 작업을 해주었다. 이미 프로젝트 개발 기간 시작전에! ( 다른 프론트엔드분들이나 ios분들도 미리 개발을 시작하신분들이 꽤 되었다.) 하지만, 우리조는 딱 첫 날부터 개발을 시작하였다. 이전에 만들어놓은 와이어프레임을 기반으로해서 만들어 나가기 시작했다. 일정을 잡아놓긴 했지만 여유롭게 잡아놓지는 않았던것 같다. (항상 강사님들마다 프로젝트 수주가 들어오면 기간은 무조건 여유롭게 잡으라고했던......) 그래서 사실 상 이론상으론 6일이면 끝날것같았지만 2주이상은 걸릴것같다..ㅎ 백엔드분.. 2019. 7. 18.
2019-07-10 Angular routing & navigation 1. SPA와 SEO 그리고 Angular SEO : 검색엔진 최적화 검색로봇이 24시간 365일 전세계 사이트를 뒤지고 다님(수백,수천 대 일 수 있음 구글은) 상세 페이지별로 검색하면서 다님. 페이지의 HTML구조를 시맨틱하게 사용해야하는 이유가 태그의 이름을 보고 이 페이지가 뭐하는 페이지인지를 추측한다. SPA는 기본적으로 Ajax통신을 사용한다. Ajax 주소창이 변하지 않는 약점이 있다= 모든 페이지가 주소가 하나. -> 검색엔진이 이 페이지가 하나인지 여러개인지 알 수가 없다. -> 모든 페이지마다 고유한 url을 갖는 방법으로 해결 (Angular의 router기능을 활용한다면 해결가능하고 SEO를 일부충족 시킬 수 있다. 하지만, 완전충족을 하려면 서버가 페이지를 제공해줘야하며 SSR(서.. 2019. 7. 10.
반응형

티스토리툴바