티스토리

박상준의 기술블로그
검색하기

블로그 홈

박상준의 기술블로그

sangjuntech.tistory.com/m

프론트엔드 개발 커리어를 시작하며 배우는 것들을 차곡 차곡 기억하는 공간입니다. 주니어 프론트엔드 개발자 성장기! 시작합니다 🤭

구독자
3
방명록 방문하기
공지 노션에서 천천히 내용을 옮기며 블로그⋯ 모두보기

주요 글 목록

  • [Webpack, plugin] 자주 사용하는 플러그인을 알아보자! 안녕하세요! 오늘은 웹팩을 공부하면서 알게 된 자주 사용하게 되는 플러그인들을 포스팅해보려고 합니다! 🥰 BannerPlugin 처음으로 배너 플러그인에 대해서 알아보겠습니다! 배너 플러그인은 빌드의 정보등을 dist 폴더에 문자열로써 담을 수 있는 플러그인입니다! 이 것은 웹팩이 기본으로 제공하는 플러그인으로써 어떻게 사용하는지 한 번 확인해보도록 합시다! 우리가 빌드를 실행할 때 현재 빌드된 버전의 기본적인 정보를 담을 수 있겠죠? 예를 들어서 깃의 HEAD의 대한 정보라던가, 언제 이 빌드가 진행되었는가에 대한 정보를 담을 수 있을 겁니다! 그럼 bannerplugin을 사용하기 위한 웹팩 설정을 살펴봅시다! /webpack.config.js const webpack = require('webpac.. 공감수 1 댓글수 0 2022. 5. 5.
  • [styled-component] ThemeProvider로 다크모드 구현해보기! 안녕하세요! 오늘은 styled-components의 ThemeProvider를 통해 간단하게 다크모드를 구현해보도록 하겠습니다! 중간에 recoil이 잠깐 등장하는데! recoil이 궁금하신 분은! 🧐 https://sangjuntech.tistory.com/27 [상태관리, Recoil] Recoil을 사용해보자! 안녕하세요! 오늘은 상태관리를 위한 패키지 중 하나인 "Recoil"에 대해 알아보도록 하겠습니다! 상태관리를 위한 패키지 중에는 많은 것들이 있는데요. 대표적으로 "Redux"가 있죠! 👏🏻 저는 개 sangjuntech.tistory.com 여기에서 recoil에 대해 알아보면 좋을 것 같습니다 ㅎㅎ 👀 자 그럼 같이 ThemeProvider를 알아볼까요! 우선 ThemeProvider.. 공감수 4 댓글수 0 2022. 4. 13.
  • [Typescript, Array] interface Array type 지정해보자! 안녕하세요! 오늘은 프로젝트 도중 Array 타입지정을 하는 방법을 알아보겠습니다! 🥷 우선 기본적으로 interface는 object를 다룹니다. interface IFood { name: string; leftTime: string; } 이런 식으로 말이죠! 그렇다면 이 인터페이스를 배열에 사용하고 싶으면 어떡해야할까요? 우리는 이 오브젝트를 가진 배열을 타입으로 지정해줘야 한다면 우리는 어떠한 행위를 해야할까요?! 🤔 그 것은 바로 IFood를 가지는 Array를 새로 만들어주어야 합니다! 한 번 코드로 확인해봅시다! interface IFood { name: string; leftTime: string; } interface IFoods extends Array {} 자 우린 IFood objec.. 공감수 2 댓글수 0 2022. 4. 10.
  • [상태관리, Recoil] Recoil을 사용해보자! 안녕하세요! 오늘은 상태관리를 위한 패키지 중 하나인 "Recoil"에 대해 알아보도록 하겠습니다! 상태관리를 위한 패키지 중에는 많은 것들이 있는데요. 대표적으로 "Redux"가 있죠! 👏🏻 저는 개인적으로 리덕스의 작동 방식이 너무 복잡하다고 느껴서 Recoil을 상태관리에 이용해볼려고 하고 있습니다! 물론, 대형 프로젝트에서 Redux는 그 힘을 충분히 발휘할 수 있겠지만, 소규모 프로젝트와 토이 프로젝트를 할 때에는 오히려 걸리적거리더라고요! 하지만 Recoil은 react hooks와 비슷한 재질(?) 이라는 느낌이 들어서 사용하는데 어색하지도 않고 직관적이라 개인적으로 좋은 것 같습니다! 저는 recoil을 연습하기 위해, 다크모드가 있는 간단한 투두 앱을 구현해보았습니다 😀 https://6.. 공감수 6 댓글수 0 2022. 4. 8.
  • [Prettier, ESLint] Prettier을 세팅해보자! 안녕하세요! 오늘은 Prettier를 초기 세팅해보고, ESLint와 함께 사용하는 법을 알아보도록 하겠습니다. 🥳 우선 Prettier란 무엇일까요? Prettier는 우리가 작성한 코드를 아름답게(?) 만들어 주는 확장 프로그램 입니다! 우리가 미처 신경쓰지 못한 들여쓰기, 쿼트 등을 정의한 스타일로 Prettier가 만들어 줄 것 입니다. 우선 Prettier를 다운로드 받아 보도록 합니다! npm install -D prettier eslint-config-prettier eslint-plugin-prettier 우리는 Prettier를 eslint와 함께 사용할 것이기 때문에 관련 플러그인도 같이 다운로드 받아주도록 합니다! (editer.formatOnSave는 빼주세요!) 다운로드를 완료 했.. 공감수 3 댓글수 0 2022. 4. 8.
  • [ESLint, Airbnb세팅] ESLint Airbnb세팅을 알아보자! 안녕하세요! 오늘은 협업을 위한 우리의 코드를 좋은 질의 코드로 만들어 줄 ESLint의 Airbnb 세팅을 알아보도록 하겠습니다! 짝짝 꼭 Airbnb세팅이 아니더라도, Google 혹은 직접 규칙을 정하여 ESLint를 활용할 수도 있습니다! 자 우선, 프로젝트에 eslint를 다운로드 받도록 합니다. 프로젝트는 typescript기반이라고 가정합니다. npm install -D eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser 다운로드 목록을 보면 eslint, 그 외 typescript를 위한 플러그인과 파서를 다운로드 받아주었습니다. 그럼 이제 우리가 ESLint를 세팅하기 위한 파일을 root디렉토리에 생성해줍니다. 파일 이름.. 공감수 6 댓글수 1 2022. 4. 7.
  • [this, 화살표 함수] Javascript this 완전정복! 안녕하세요! 오늘은 좀 개념적인 부분인 자바스크립트의 this에 대해서 알아보도록 하겠습니다. 우선 this는 생성자 혹은 메소드에서 객체를 가리킬때 쓰입니다. this 때에 따라 다른 값을 가리킵니다. 어디에서 선언되냐에 따라서 그 값이 바뀝니다. global scope 에서 사용될 때 this 는 전역 객체를 가리킵니다.(window 객체) 함수에서 사용될 때에도 this 는 전역 객체를 가리킵니다. 객체에 속한 메소드에서 사용될 때 this 는 메소드가 속한 객체를 가리킵니다. 객체에 속한 메소드의 내부함수에서 사용될 때 this 는 전역 객체를 가리킵니다. 생성자에서 사용될 때 this 는 이 생성자로 인해 생성된 새로운 객체를 가리킵니다. 글로써 보는 것보다 코드와 함께 설명하면 훨씬 이해하기 .. 공감수 4 댓글수 0 2022. 3. 31.
  • [React-query] 리액트 쿼리를 사용해보자! React query는 왜 사용하나?! 리액트 쿼리를 사용하기 전에, 왜 이것이 그렇게 유용할까요? 리액트 쿼리의 장점은 다양한데 그 중 몇 가지를 읊어보자면 1. react-query 자체 캐싱 2. fetch 과정 간소화 3. 다양한 hooks 정도가 있을 것 같습니다. 그럼 리액트 쿼리의 사용 방법을 알아봅시다! npm install react-query 우선 당연히 패키지를 다운로드 받아야합니다. 그리고 리액트 앱에 queryclientprovider을 제공해줘야 합니다. Provide queryClient import { QueryClient, QueryClientProvider } from "react-query"; const queryClient = new QueryClient(); Reac.. 공감수 2 댓글수 0 2022. 3. 29.
  • Event bubbling, 이벤트 버블링이란? 안녕하세요 박상준입니다. 오늘은 이벤트 버블링에 대해 공부해보는 시간입니다! 🤔 What is the event bubbling? 이벤트 버블링은 특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성을 의미합니다. HTML요소는 트리 형식이죠? 그렇다면 그 랜딩페이지에서 가 최상위 요소가 됩니다. 그 밑으로 자식 요소들이 있죠. 브라우저는 이벤트를 하위 컴포넌트에서 상위 컴포넌트로 전파시키는 방식을 가집니다. 이 것을 ' 이벤트 버블링' 이라고 합니다. What is the event Capture? 이벤트 캡쳐링은 반대로 브라우저로부터 이벤트가 발생한 요소까지 이벤트를 전달합니다. 이벤트 버블링과 정반대인 것이죠. 이 것은 이벤트리스너의 옵션으로써 구현할 .. 공감수 2 댓글수 0 2022. 3. 25.
  • [꿀팁, 데이터베이스 string 개행] 데이터베이스 string 개행하는 법 안녕하세요! 오늘도 개발 중 꿀팁을 발견해 공유할려구 합니다 ㅎㅎ 보통 설명란 같은 경우는 input을 textarea로 쓰는 경우가 많죠. 그래서 띄어쓰기를 해가며 문자를 작성할텐데, 작성할 때는 그렇게 하더라도 막상 출력하고 나면, 개행을 무시한 채 일자로 나옵니다. 이러한 문제를 쉽게 해결할 수 있는 방법이 있습니다. const Body = styled.div` white-space: pre-wrap; ` 무려 css 단 한 줄로 해결이 된다는 사실! 이런 간단한 것을 몰랐다니! 오늘도 반성을 하게 됩니다! 보통 일반적으로 /n 같은 태그들은 그대로 출력이 됩니다만, 이 css를 작성해주면, 자동으로 파싱해주는 것 같습니다! 굉장히 잘 실행되는 것을 볼 수 있습니다! 오늘도 간단한 꿀팁을 공유합니다.. 공감수 1 댓글수 0 2022. 2. 14.
  • [AWS S3, Nest.js] Nest.js에서 file S3에 저장하기 안녕하세요! 오늘은 Nest.js에서 AWS S3에 파일을 업로드 하는 법을 포스팅하려 합니다! 우선 Nest.js에서 파일을 핸들하기 위한 controller가 필요합니다. 우선 nest명령어를 통해 uploads라는 모듈을 만들어봅니다. nest g mo uploads 그리고 모듈이 만들어지면 uploads.controller.ts라는 컨트롤러를 생성해줍니다. https://docs.nestjs.com/techniques/file-upload Documentation | NestJS - A progressive Node.js framework Nest is a framework for building efficient, scalable Node.js server-side applications. It.. 공감수 5 댓글수 0 2022. 1. 24.
  • [React.js, 성능최적화] UseEffect Memory resource Leak 안녕하세요! 오늘은 useEffect를 사용하던 도중 만난 에러를 기록할려고 합니다. 😇 리액트에서 scroll Event를 구현하던 도중, 갑자기 콘솔에 UseEffect에 관한 에러가 뜨더라고요! 에러 내용은 다음과 같습니다. Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function. 에러는 다음과 같습니다. 에러를 단순히 살펴보면 , 언마운트된 리액트 컴.. 공감수 1 댓글수 0 2022. 1. 10.
  • [TypeORM, Nest.js] ManyToOne 관계의 entity가 null return 될 때 안녕하세요. 오늘은 서비스 개발 중 @ManyToOne 관계의 엔티티가 정상적으로 출력되지 않고, null로 리턴되는 경우를 만났습니다. 우선 출력하고자 하는 것은 한 가지의 부모 엔티티를 가지는 자식 엔티티입니다. 즉 ManyToOne의 관계를 가지고 있죠. 거기에서 부모 엔티티의 관계를 가져올려 하는데 null이 리턴되는 경우였습니다. 문제는 간단히 해결했습니다. 바로, 해당 데이터베이스 find등의 작업 시, relation을 설정해줘야 하는 것이였죠. nest.js의 service.ts의 코드입니다. provideImage가 부모 엔티티인 user를 가져와야 하는데 null을 리턴하고 있었습니다. 부모 엔티티를 가져오기 위해선 이 findOne이라는 데이터베이스와의 통신을 위해 relation을 .. 공감수 1 댓글수 0 2021. 12. 26.
  • [Nest.js, TypeORM] Relation이 된 entity를 받을 수 없었다. 오늘은 nest.js에서 작업하던 도중, relation이 되어있는 entity가 안받아와지는 오류가 있었습니다. 콘솔에서는 user에 relation된 정보가 받아와지는데, graphql playground로 요청하면 받아와 지지 않았습니다. 콘솔에는 다음과 같이 relation된 provideImage에 대한 정보가 잘 출력이 된 것을 확인할 수 있습니다. 하지만 graphql playground의 쿼리 요청에서는 출력이 되지 않았습니다. 에러 내용을 살펴보니 null값이 되면 안되는 token이 null이라고 나옵니다. 분명 콘솔에서는 모든 값이 정상 출력 되었었는데 말이죠.. 콘솔한 부분입니다. 그 뒤로 같은 user를 리턴했지만, grpahql playground에서는 null값이라고 나왔죠 ㅠ.. 공감수 3 댓글수 0 2021. 12. 23.
  • [Git] 한 랩탑에서 여러가지 깃 아이디를 사용할 때 안녕하세요 오늘은 깃에 관련한 내용을 다뤄볼려고 합니다! 저도 이제, 레포지토리를 개인과 제가 따로 시작하는 깃 계정의 레포지토리를 분리할려고 했는데 이미 랩탑에 등록되어있는 글로벌 이메일과 다를 경우 push가 안되는 경우들을 처음 만나서 관련 내용을 정리해볼려고 합니다! MAC OS를 사용 중이기 때문에 포스팅은 MAC을 기반으로 함을 알립니다 👨🏻‍💻 git config --global user.email 깃을 처음 사용할 때 우리는 글로벌 유저 이메일을 설정하게 됩니다. 이미 등록되어 있는 계정과 다른 계정의 레포지토리에 push나 변경을 가하게 되면, 해당 계정에 대한 권한이 없기 때문에 Not found: repository의 에러 등을 만나게 될 것입니다! 그렇다면 우리는 어떻게 랩탑에 등록.. 공감수 0 댓글수 0 2021. 12. 20.
  • [상태관리, Front-end] props drilling? 상태관리 라이브러리의 등장 배경 확실히 알아보기 안녕하세요! 오늘은 프론트엔드에서의 상태관리가 등장한 배경과 해결방안등에 대해서 공부하며 알아본 내용을 포스팅하도록 하겠습니다. 저도 이전에 상태관리 라이브러리를 이게 왜 필요한지도 모르고 배우기만 하고, 실제로 어떠한 프로젝트를 진행했는데 그 개념조차 제대로 모르니까 사용을 안하게 되게 되더라고요 ㅠㅜ.. 그래서! 오늘은 우리가 상태관리가 왜 필요한지. 먼저 알아보고! 느끼고! 간단하게 사용해보도록 합시다 🥳 #1. Props Drilling? 여러분 혹시 프론트앤드 개발하던 도중 중첩된 컴포넌트들 때문에 진작 필요한 정보는 너무 하위 컴포넌트라 컴포넌트를 넘기고.. 넘기고.. 넘기고.. 했던 경험 있으신가요? 있으시다면 여러분은 이미 props drilling을 경험한 것입니다 😤 사실 저도 이전에 .. 공감수 3 댓글수 0 2021. 12. 15.
  • [Typescript,React] Typescript로 Form,UseState 사용해보기 안녕하세요! 오늘은 React + Typescript의 환경에서 useState와 form에서의 타입선언 등을 알아보겠습니다! 자바스크립트를 사용하다가 처음으로 타입스크립트로 프로젝트를 진행할 때, 타입스크립트에 익숙하지 않은 사람들이 힘들어하는 부분일 것이라 생각해서 정리해보도록 하겠습니다! #1. Form event with react+typescript 저도 처음 타입스크립트환경에서 리액트로 프로젝트를 할 때 form의 타입을 무엇으로 설정하는지 몰라 한참 찾았던 기억이 있습니다 ㅠㅠ javascript에서는 form의 event의 타입을 지정해주지 않아도 진행이 되지만, 타입스크립트는 event가 어디서 발생하는지에 대한 타입을 지정해달라고 에러를 내뱉습니다. 간단하게 말하면 타입스크립트는 inp.. 공감수 3 댓글수 2 2021. 12. 14.
  • [Styled-component] styled-component 좀 더 똑똑하게 쓰기 안녕하세요. 오늘 포스팅할 주제는 'styled-component'입니다! 리액트를 사용하는 분이라면 다양한 css 라이브러리를 사용하실텐데 저는 CSS-IN-JS의 대표적인 라이브러리 중 하나인 styled-component를 사용 중입니다. 하지만 요즘 styled-component의 재사용성을 제대로 사용하지 않는 저를 발견하고 styled-component의 다양한 기능과 재사용성을 더욱 심도있게 사용해보자라는 마음에 포스팅을 하게 되었습니다! 우리 모두 styled-component를 제대로 사용해 보도록 합시다! #1 Styled-component의 props전달을 잘 사용하자. 같은 h2 태그를 가진 element를 사용해야 한다고 가정해보겠습니다. 둘 다 부제목이지만 다른 폰트 사이즈를 사.. 공감수 22 댓글수 3 2021. 12. 13.
  • [Nest.js, Guard, Save request] Guard를 활용한 엔드포인트 보호 안녕하세요! 오늘은 프로젝트에서 허용되지 않은 접근에 대한 자원 request를 막을 수 있는 nest.js guard에 대해서 알아보도록 하겠습니다! 로그인을 한 유저만 엔드포인트에서 자원을 요청할 수 있는 작업을 해야할 때 우리는 이 nest.js의 guard를 사용할 수 있습니다. 미들웨어로도 처리해도 충분하지 않나요? 가드와 미들웨어의 차이는 실행 시기에 있습니다. 우선 미들웨어는 next() 함수를 호출한 후 어떠한 핸들러가 실행될 지 알 수 없습니다. 반면 가드는 ExecutionContext 인스턴스에 액세스할 수 있으므로 다음에 실행될 작업을 정확히 알고 있습니다. request와 response의 정확한 지점에 우리는 이 Guard를 삽입하여, 요청에 대한 거부, 혹은 승인을 할 수 있는.. 공감수 2 댓글수 0 2021. 12. 13.
  • [Authentication, Nest.js, JWT] Nest.js에서 JWT 동적모듈,미들웨어 구현해보기 안녕하세요! 오늘은 더 나은 사람들 서비스의 로그인 부분 진행 중 nest.js 환경에서 JWT를 이용해 로그인을 구현하고 있었습니다. 🐤 다들 로그인 인증 부분을 어떻게 처리하시나요? 👀 nest.js의 강력한 인증라이브러리인 passport가 있지만, JWT 동적 모듈을 따로 구현하여 컨셉도 다시 익히고 개념 정리도 하면서 포스팅을 할려고 합니다. 구현 방향은 다음과 같습니다. 프로젝트 내 구현 프로세스 1. 로그인 시 JwtService의 signToken 함수로 praviate key와 함께 토큰을 사인 (JSON 안의 내용은 다음과 같습니다.) const token = this.jwtService.signToken({ id: (await user).id, nickname: (await user).. 공감수 2 댓글수 0 2021. 12. 12.
  • [Nest.js, TypeORM] RepositoryNotFoundError Nest.js 환경에서 서비스 개발 도중 만난 에러입니다. 새로운 모듈에서 데이터베이스 Entity를 생성하던 도중 에러가 발생하였는데, 결론부터 말하자면 app.module.ts에 존재하는 TypeOrmModule에 엔티티를 inject하지 않아서 발생한 에러였습니다. 에러 내용을 살펴보면, 현재 ImageContainer Entitiy가 등록되지 않은 것 같다는 에러를 보입니다. TypeORM은 app.modules.ts의 루트 모듈에 엔티티를 등록을 해줘야하는데 이 것을 하지 않아 발생하는 에러였습니다. TypeOrmModule.forRoot({ type: 'postgres', host: process.env.DB_HOST, port: +process.env.DB_PORT, username: pro.. 공감수 3 댓글수 0 2021. 12. 11.
  • [security] hashing password with bcrypt 비밀번호의 보안? 백 엔드에서 유저의 비밀번호를 데이터베이스에 그대로 저장하는 경우가 있을까요? 🐱 그 것은 정말 엉망진창의 보안일 것입니다. 누군가가 데이터베이스에 접근 하더라도 유저의 비밀번호는 확인할 수 없어야하지만, 우리는 비밀번호를 Compare하여 로그인을 진행하여야 하기 때문에 비밀번호의 데이터베이스 저장은 필수불가결합니다. 그렇다면 어떻게 우리는 비밀번호를 숨길 수 있을까요? "그 것은 비밀번호를 Hashing 하는 것 입니다." 우선 비밀번호 해쉬화 알고리즘은 예전부터 발달되어 오던 기술입니다. 해싱에 관한 많은 알고리즘이 있지요. 그 중 우리는 Blowfish를 이용한 Bcrypt를 이용하여 비밀번호를 해싱할 것입니다. 많은 다양한 기술이 있습니다만 ex) SHA SHA를 사용하는 암호.. 공감수 2 댓글수 0 2021. 12. 10.
  • [Nest.js] TypeORM 사용기 i새로운 서비스(더 좋은 사람들 save earth) 를 기획하고 백 엔드를 Nest.js + graphql server + postgres DB 로 스택을 정하고 빌드를 시작했습니다. typescript를 더욱 강력하기 사용하기위해 TypeORM 라이브러리를 사용하기로 하였고, 간단한 세팅을 포스팅으로 남길려고 합니다. TypeORM은 우리의 백엔드에서 SQL문을 직접 작성하지 않아도, 데이터베이스와의 통신을 간편하게 해결해주는 라이브러리입니다. 이와 비슷한 라이브러리인 sequelize도 있습니다. 이 두 라이브러리는 코드를 통해 데이터베이스와 통신하고 상호작용합니다. 타입스크립트 코드로써 데이터베이스에 POST, GET등의 처리를 해결하는데 도움을 주는 라이브러리입니다. TypeORM은 Node.j.. 공감수 2 댓글수 0 2021. 12. 9.
  • [Nest.js, Graphql] 간단하게 Nest.js와 Graphql 기반의 프로젝트 구성하는 법 안녕하세요. 이 포스트는 node.js위에 가동하는 프레임워크인 nest.js와 Graphql 기반의 프로젝트 초기 구성하는 법을 포스팅해보겠습니다. Nest.js? Nest(NestJS)는 효율적이고 확장 가능한 node.js 서버 측 애플리케이션 을 구축하기 위한 프레임워크입니다 . 프로그레시브 JavaScript를 사용하고 Typescript 구축되고 완벽하게 지원합니다 하지만 우리는 자바스크립트로도 프로젝트를 진행할 수 있습니다. OOP(객체 지향 프로그래밍), FP(기능 프로그래밍) 및 FRP(기능 반응 프로그래밍)의 요소를 결합합니다. 내부적으로 Nest는 익스프레스와 같은 강력한 HTTP 서버 프레임워크 를 사용합니다. Nest는 이러한 일반적인 Node.js 프레임워크(Express/Fas.. 공감수 2 댓글수 0 2021. 12. 8.
  • [React] 리액트 꿀라이브러리 탐방 더보기 계속해서 라이브러리가 업데이트 될 예정입니다. 👨🏻‍💻 1. react-helmet SPA의 가장 큰 단점이 무엇일까요? SEO? 우리는 고정된 타이틀만을 사용할 수 밖에 없습니다. 왜냐하면 우리는 싱글 페이지 내에서 컴포넌트들의 변화만 볼 수 있을 뿐이니까요. 하지만 react-helmet을 사용하면 우리는 페이지마다 타이틀을 변경해 줄 수 있습니다. ✌🏻 npm install react-helmet 사용법은 굉장히 간단합니다. react-helmet을 프로젝트에 import한 후 다음과 같이 헬멧 안에 title 태그와 함께 자신이 적용하고 싶은 타이틀을 적용하면 됩니다. 공감수 1 댓글수 1 2021. 12. 8.
  • [Network] HTTP Network and HTTPS HTTP message header HTTP에서 리퀘스트와 리스폰스가 발생할 때 반드시 메시지 헤더가 포함되어 있는데, 메시지 헤더에는 클라이언트나 서버가 리퀘스트나 리스폰스를 처리하기 위한 정보를 담고 있습니다. 그래서 HTTP Header Field는 무엇이에요? HTTP 헤더 필드는 HTTP 메시지를 구성하는 요소 중 하나 입니다. 클라이언트와 서버간의 통신에서 리스폰스 리퀘스트 모두에 사용되고, 부가적인 중요한 정보를 담고 있습니다. 예를 들어 메시지 바디의 크기나, 사용하는 언어와 인증 정보등을 담고 있습니다. 흔히 http documents를 작성할 때 우리는 메타태그와 lang정보등이 부분에 담겨있는 것을 확인할 수 있죠. HTTP 헤더 필드가 중복되면 어떻게 될까? HTTP 헤더 필드 중 .. 공감수 1 댓글수 0 2021. 12. 7.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.