본문 바로가기
반응형

Archive188

Cookie 와 session 으로 인증관리하기 response 헤더에 쿠키 추가하기 app.get("/setCookie", (req, res) => { res.append("Set-Cookie", "name2=kong"); res.json("done"); }); Path, HttpOnly Path는 특정 경로에 쿠키를 저장하고, httpOnly 옵션을 주면 javascript로 접근하지 못하도록 해서 보안을 강화한다. res.append("Set-Cookie", "name3=kong; Path=/home; HttpOnly;"); Document.cookie 브라우저에서는 쿠키 값을 자바스크립트로 조회,수정,삭제를 할 수 있는데, httpOnly옵션이 적용되어있으면 인식하지 못한다. console.log(document.cookie); //name=k.. 2022. 7. 31.
TS 냐금냐금 - 6 JS에서는 함수에 프로퍼티를 넣을 수 있다. declare global {} 이미 import 해서 사용하는 타입은 interface라도 합쳐지는 것이아니라 충돌이일어난다. 그때 declare global로 감싸주면 전역으로 사용된다는 의미로 합쳐지게된다. declare global을 사용하려면 export나 import 를 한번 선언해서 모듈로 인식하도록 해야한다. 2022. 7. 30.
TS 냐금냐금 - 4 Typescript에서 commonJS모듈을 불러오는법 정리) 모듈시스템의 흐름 구분하기 메인 d.ts파일에서 아래부분을찾아서 어떤 모듈기반인지 알아낼 수 있다. 전역 script 와 모듈 .ts 파일에서 export 구분이 있으면 모듈로인식하고 없다면 전역 스크립트로 인식한다. namespace 타입선언을 묶어준다. declare namespace KongWord{ const aa:string; const bb:string; const cc:string; } console.log(KongWord.aa) TS에서 매개변수의 this정의는 실제로 사용될때 생략된다 함수에서 인수와 매개변수 함수가 callback처럼 매개변수로 들어갔을때는 인수가 생략가능하지만, 일반적으로 호출할때 인수는 타입에 맞춰야한다. 2022. 7. 30.
React와 node로 알아보는 내가 겪었던 필수 웹 지식 - CORS, Cookie, Post요청, headers, file전송 CORS Cross-Origin Resource Sharing 이다. 말그대로 서로다른 도메인간의 자원 공유를 뜻하는데, 기본적으로 금지되어있다. 그렇기 때문에, 서버와 클라이언트가 서로다른 도메인에있다면 자원을 제공하는 측인 서버가 자신의 자원에 접근할 수 있도록 허용해주어야 한다. 단순한 GET요청부터 막히는데, header에 Access-Control-Allow-Origin 를 와일드카드(*)로 등록해줌으로써, 서버의 자원은 모든 도메인에서 사용가능하다. 보안을 위해서라면, 정확히 클라이언트의 도메인을 지정해주는 것이 중요하다. 그리고 cors는 브라우저에서만 발생하기 때문에, 앱이나 웹이 아닌 다른곳에서는 발생하지 않는다. app.use((req, res, next) => { res.setHead.. 2022. 7. 30.
TS 냐금냐금 - 3 Array타입 직접 만들어보기 interface Arr{ map(callback:(v:T)=>S):S[]; } const a:Arr = [1,2,3]; a.map(v=> v+1); const b = a.map(v=> v.toString()); const c:Arr = ['1','2','3']; const f = c.map(v=> parseInt(v)); 공변성, 반공병성 어떤함수에 어떤함수가 대입이 되는가 ? 매개변수는 더 좁은타입으로는 대입이 된다. 생각해보면 당연하다 매개변수는 특정한걸로 받겠다고 한거고 리턴값은 어떤 특정한 값이 될 가능성이있음을 고려할수있는데, 매개변수가 여러개의 가능성이 고려된다면 결과값을 예측할수 조차 없기때문에 정리하자면, 특정한 값을 받아야하는 매개변수는 넓은 범위로 확장이.. 2022. 7. 29.
멋쟁이 사자처럼 해커톤을 마치며 이번에 활동하고있는 멋사10기 대구경북권 대학교 주관으로 총 4개의 학교 멋사팀이 한데모여 금요일 19시 - 토요일 10시 까지 15시간 진행되었다. 작년에는 코로나로 인해서 비대면으로 진행했었는데, 그래서 그런지 별로 기억에 안남았던것 같다. 체감상은 이번이 나의 첫 해커톤 대회였다. 아이디어는 해커톤 2주전에 구성된 팀원들끼리 일주일 동안 정기적으로 회의를 거치면서 준비해두었다. 소모임을 도모하는 웹앱이었는데, 근례 든 생각이 왜 클럽이나, 술집 등 컨텐츠가 똑같은데 매번사람이 모이는 것의 이유는 뭘까? 라는 생각을 했었다. 나의 결론은 본능이라고 결론지었다. 결국 사람을 사람을 원하는 본질을 이해하고 나니 다른컨텐츠가 문제가 아니었다. 그냥 사람이 사람을 만날 수 있도록 연결해주는 다리만 놓아주면 .. 2022. 7. 28.
반응형

티스토리툴바