전체 글119 [Cookie] This Set-Cookie Domain Attribute Was Invalid With Regards To The Current Host Url. 로그인을 구현하다가 다음과 같은 에러를 만났다. 후.. 해결해보자. This Set-Cookie Domain Attribute Was Invalid With Regards To The Current Host Url 우선, 쿠키는 서버에서 사용자 에이전트로 보내는 작은 정보이다. 보안 상의 이유로, 브라우저는 스크립트에서 시작한 교차 출처 HTTP 요청을 제한한다. 쿠기도 마찬가지이다. 즉, 서버와 클라이언트의 Origin(출처)가 달라서 발생하는 문제이다. Origin은 null이나 아래와 같은 값이 올 수 있다. Origin: "://" [ ":" ] Origin이 같은 것은 scheme과 hostname, port가 같은 것을 의미한다. https://developer.mozilla.org/ko/do.. 2021. 7. 12. new Date()는 메모리 해제를 하지않아도 괜찮을까? 아래와 같은 비교 함수를 작성하면서 의문을 갖게 되었다. compareTimeLapseToString(alarmTime, new Date()) 저렇게 new Date를 하면 메모리 누수가 발생할까? 우선 아무런 동작을 하지않고 해당 페이지에서 메모리를 체크한다. 오.. 메모리 누수가 하나도 없다. 그런다음 아래와 같이 new Date()를 계속 발생하게 하면서 메모리를 체크해보자. 메모리 누수가 발생했다. 이번엔 변수에 선언을 한뒤 null로 해제를 해주자. 음.. 그래도 누수가 발생한다. 5분동안 반복해보았다. 결론 GC는 사용하지 않는 객체들에 대해서 즉각적으로 메모리를 해제하지않는다. GC가 알아서 해제 해줄것이다. GC를 믿자. https://stackoverflow.com/questions/18.. 2021. 7. 8. ReactNode vs ReactElement vs JSX.Element render() render() 메소드는 class component에서만 필수적으로 필요하다. render() 메소드가 호출되면 this.props와 this.state를 활용해서 아래 타입 중 하나를 반환한다. React elements: JSX를 통해 생성된다. 그 예시로 와 는 React가 DOM 노드 또는 사용자가 정의한 컴포넌트를 만들도록 지시하는 React 엘리먼트이다. Arrays and fragments: render()를 통해서 여러 개의 element들을 반환한다. Portals: 별도의 DOM 하위 트리에 자식 엘리먼트를 렌더링 하게 해준다. String and numbers: 이 값들은 DOM 상에 텍스트 노드로서 렌더링된다. Booleans or null: 아무것도 렌더링하지 않.. 2021. 7. 7. ORM에서 type이 바뀌면 DB에서 Data가 유지될까? 실험 환경 DB: postgreSQL ORM: typeorm (GraphQL) 코드 타입 변경전 import { ObjectType, Field } from '@nestjs/graphql'; import { Entity, PrimaryGeneratedColumn, Column, BaseEntity } from 'typeorm'; @ObjectType() @Entity('user') export class User extends BaseEntity { @PrimaryGeneratedColumn() id: number; @Column({ length: 32 }) @Field() username: string; @Column({ unique: true }) @Field() email: string; @Colu.. 2021. 7. 1. GraphQL Schema GraphQL의 Schema-first, Code-first에 관련된 단어는 NestJS를 사용하면서 쉽게 접할 수 있다. NestJS에서 generate resource를 사용하면 아래 옵션에 따라서 자동으로 파일들을 생성해주는데 옵션으로 포함돼있기 때문이다. GraphQL에서는 스키마를 생성할 때 두가지 접근 방식이 있다. Schema-first (SDL, Schema Definition Language) Schema-first 방식은 GraphQL 서비스에 대한 스키마를 먼저 정의한 다음 스키마의 정의를 일치시켜 코드를 구현하는 방법을 뜻한다. type ChatRoom { id: Int title: String! admin: Person! group(limit: Int = 10): [Person] .. 2021. 7. 1. [MDN] 6 월 yari-content-ko — 주요 사항과 향후 계획 이전 게시물인 [MDN] - 5 월 yari-content-ko — ko 지역 고정 해제 및 향후 계획에서 MDN 한국 현지화 팀인 yari-content-ko 팀의 시작을 알렸습니다. yari-content-ko 팀은 MDN 한국 문서들에 대해서 완전한 번역이 이뤄질 수 있기를 기대합니다. 이 게시물에서는 6월 MDN 주요 사항들에 대해서 알아보겠습니다. translated-content의 PR 개수 1000개 돌파 translated-content 레파지토리의 전체 PR 개수가 1000개를 넘었습니다. 한국 Pull Request도 100개가 넘을 정도로 많은 분들이 참여해주셨습니다. 모두 기여해주셔서 감사합니다 :) 6월 해결 과제 ( learn/javascript 최신화 ) 목표가 분명하지 않으면.. 2021. 6. 27. 이전 1 ··· 14 15 16 17 18 19 20 다음
