FrontEnd :-)

요즘it, 커리어리(로그인 필요), 헬로인프런, TLDR , 페이스북 커뮤니티, 기타 블로그 등을 통해 현직 개발자들이 올린 글과 뉴스(블로터, 지디넷코리아, 전자신문 위주로) 등으로 트렌드 파악 중. '트렌드 읽기' 카테고리는 매일 읽은 링크 올리고, 필요하면 메모하려고 만들었다. + 긱뉴스 위클리, 뭐지, 커피팟 뉴스레터

항해99 수료 이후 블로그 활동을 거의 하지 못했다. 글을 올려도 비공개로 올렸는데, 다시 시작해볼까 한다. 수료 후에 한 일은... 가장 활발히 했던 건... 사람 만나기였다. 코로나때문에도 못 만났던 친구, 지인들을 오랜만에 만나고 다녔다. 볼 사람은 거의 다 본 듯. 그리고 회사에 지원해서 면접을 보기도 했는데, 한번에 많이 지원하진 않았다 (그래서 아직 취준생일지도...) 합격한 곳도 있었는데 가지 않았다 (갈 걸 그랬나...) 기술 면접 등을 준비하면서 공부가 너무 부족함을 느껴서 자신이 더 없어진 것도 이유일지 모르겠다. 공부는 계속하고 있다. 공부는 사실 더 재밌어지고 있다. 부트캠프에서 과제나 프로젝트 수행하느라 정신없이 코딩했었다면, 독학하는 지금은 조금 체계적으로 접근하고 있어서 좋고,..

#6 클래스 //접근 제한자(Access modifier) - public, private(#), protected /* public - 자식 클래스, 클래스 인스턴스 모두 접근 가능 private(#) - 해당 클래스 내부에서만 접근 가능 protected - 자식 클래스에서만 접근 가능 */ class Car { readonly name: string = "car"; color: string; constructor(color: string, name: string){ this.color = color; this.name = name; } start(){ console.log("start"); console.log(this.name); } } class Bmw extends Car { construct..

//배열 타입 function add(...nums: number[]){ return nums.reduce((result, num) => result + num, 0); } console.log(add(1,2,3)); //6 코딩앙마 타입스크립트 기초 #3 interface interface IsAdult { (age: number):boolean; } const a:IsAdult = (age) =>{ return age > 19; } console.log(a(33)); //true console.log(a(10)); //false //implements interface Car { color: string; wheels: number; start(): void; } class BMW implements..

https://mungfriend.com 1. 매일 반려견과 산책하러 나가기 힘든 견주! 2. 혼자 산책하러 나가기 심심한 견주! 이들을 위한 “산책 친구 매칭 서비스(멍친구)”가 오픈했습니다. 👍 저희 서비스는 상업 목적이 아닙니다! 🐶 때로는 나의 강아지 산책을 부탁하고, 때로는 내가 다른 견주의 강아지를 산책시켜주기도 하는 산책 품앗이가 저희 서비스의 핵심 가치입니다. 해당 서비스를 통해 반려견의 산책을 맡길 수 있는 멍친구를 모집하거나, 반려견과 산책을 같이 할 멍친구를 모집할 수도 있습니다. 💻 모바일 환경은 아직 개발하고 있어, 데스크톱 (PC) 환경에서 접속 부탁드립니다.

토큰 유효 시간이 비교적 긴 리프레시 토큰을 활용하여, 시간이 지나도 로그인을 유지할 수 있게 했다. 어떻게 활용했나? 안전한 보안과 사용자 편리성을 위한 로그인 유지를 위해. access 토큰 만료 후 401에러가 떴는데, 이때 refresh 토큰으로 access 토큰을 재발행함으로써 로그인을 유지. 유효 시간을 늘리는 방식이 아닌 토큰 재발행을 활용했다. 1. Refresh Token과 Access Token 1-1. 토큰 토큰 기반 인증 시스템은 클라이언트가 서버에 접속을 하면 서버에서 해당 클라이언트에게 인증되었다는 의미로 '토큰'을 부여한다. 이 토큰은 유일하며 토큰을 발급받은 클라이언트는 또 다시 서버에 요청을 보낼 때 요청 헤더에 토큰을 심어서 보낸다. 그러면 서버에서는 클라이언트로부터 받은..

서버에서 보내주는 토큰을 로컬스토리지가 아닌 세션스토리지에 저장하기로 했다. 왜? => 시간이 지나 액세스 토큰이 만료되었을 때, 로그아웃 상태가 제대로 반영되지 않아서, 탭/브라우저 종료로 리셋되는 세션스토리지를 활용하게 됨. ==> 리프레시 토큰으로 액세스 토큰 재발행하면서 로그인 유지! - 문제 해결 (리프레시 토큰 관련은 다음 글에서 정리) ===> 브라우저 종료로 토큰 등 저장 내용이 없어지는 게 보안상 나은 선택이라 생각하여 세션스토리지에 저장키로. 1. localStorage와 sessionStorage란 무엇인가? 1-1. 웹 스토리지 객체 - 웹 스토리지 객체(web storage object)인 localStorage와 sessionStorage는 브라우저 내에 키-값 쌍을 저장할 수 ..

항해99 71일차 2022. 7. 18.(월) 실전프로젝트 (프론트2+백3+디자이너1 협업) D반 - 실전프로젝트 8조(6명) JS 스터디 항해99 72일차 2022. 7. 19.(화) 실전프로젝트 (프론트2+백3+디자이너1 협업) D반 - 실전프로젝트 8조(6명) JS 스터디 항해99 73일차 2022. 7. 20.(수) 실전프로젝트 (프론트2+백3+디자이너1 협업) D반 - 실전프로젝트 8조(6명) JS 스터디 항해99 74일차 2022. 7. 21.(목) 실전프로젝트 (프론트2+백3+디자이너1 협업) D반 - 실전프로젝트 8조(6명) 항해99 75일차 2022. 7. 22.(금) 실전프로젝트 (프론트2+백3+디자이너1 협업) D반 - 실전프로젝트 8조(6명) JS 스터디 항해99 76일차 2022...