본문 바로가기
반응형

전체 글164

[React] react-daum-postcode 우편번호, 주소 검색 https://postcode.map.daum.net/guide Daum 우편번호 서비스우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.postcode.map.daum.net  우편 번호로 주소를 찾아야 할 때 자주 보이는 다음 우편번호 서비스 API를 사용하는 법! 리액트에서 쓸 수 있는 react-daum-postcode 패키지를 사용할 것이다.  1. 설치 npmnpm install react-daum-postcodeyarnyarn add react-daum-postcode  먼저 패키지 다운 받고 잘 받아졌는지 확인  2. 사용import DaumPostcode from 'r.. 2024. 11. 15.
쿠키 세션 캐시 차이 1. 쿠키(Cookie)정의:클라이언트(브라우저)에 작은 데이터 조각을 저장하는 방식.특징:클라이언트 측에 저장됩니다.주로 사용자 인증, 세션 유지, 사용자 맞춤 설정에 사용됩니다.서버와의 통신 시, HTTP 요청에 자동으로 포함되어 전송됩니다.속성:크기 제한: 약 4KB.유효기간 설정 가능:만료 기간이 설정된 쿠키는 일정 시간 동안 유지됩니다.세션 쿠키는 브라우저 종료 시 삭제됩니다.장점:서버 부하 감소(클라이언트에 저장되므로).간단한 데이터 저장 가능.단점:보안 취약: 데이터가 평문으로 저장될 수 있어 민감한 정보는 저장하지 않음.브라우저 제한: 크기와 개수 제한.예시:로그인 유지: 쇼핑몰에서 로그인 후, 페이지를 닫았다가 다시 열어도 로그인 상태가 유지되는 것.사용자 설정 저장: 웹사이트에서 다크 .. 2024. 11. 12.
[Network] OSI 7계층 모델 OSI 7계층 모델이란? OSI 7계층 모델은 네트워크에서 통신이 일어나는 과정 데이터흐름을 파악하기 쉽게 단계 별로 계층을 7단계로 나눈 (독립적일 수 있는 모듈화)를 말하는것브라우저에 도메인을 입력하면 여러 단계의 프로세스가 진행되며, 이를 OSI 7계층과 연관지어 설명할 수 있습니다.1. 응용 계층 Appllication Layer (Layer 7):이 계층은 웹서비스의 UI 부분, 사용자의 입출력(I/O)를 담당합니다.사용자가 브라우저에 도메인을 입력하면, 먼저 DNS 서버에 요청을 보내어 해당 도메인의 IP 주소를 받아온 후, 그 주소로 HTTP/HTTPS 요청을 보냅니다. 여기서 HTTP/HTTPS 프로토콜이 사용됩니다.예시 : 사용자가 브라우저에 "http://www.example.com"을.. 2024. 11. 4.
Node.js란? node.js를 배워보고 싶은데 기본 지식이 전혀 없어서 공식문서, 블로그, 유튜브등 찾아보면서 정리해보았다. Node.js란?Node.js는 자바스크립트를 서버나 로컬 컴퓨터에서 실행할 수 있게 해주는 "자바스크립트 런타임 환경"이다. 자바스크립트는 브라우저 내에 포함된 인터프리터 덕분에 별도 설치 없이 실행되지만 스크립트 언어라 특정한 프로그램 안에서 동작하는 프로그램이기 때문에 웹 브라우저(크롬, 사파리, 익스플로러, 파이어폭스 등)가 없으면 사용할 수 없는 프로그램이다.자바스크립트를 웹 브라우저에서 독립시킨 개념으로 컴퓨터나 서버에서 자바스크립트를 실행하려면 Node.js가 필요하다. Node.js는 V8 자바스크립트 엔진을 기반으로 동작하며, 파일 시스템 접근이나 네트워킹 기능과 같은 서버 측 .. 2024. 10. 27.
[글또] 글또 10기 다짐글 📝 글또를 시작하게 되다!작년 취준생일 때 글또 참여 중이신 분들을 보고 굉장히 부러워 했던 기억이 난다. 글또 9기가 진행 중이였고 당시에는 잘 몰라서 취준생은 참여를 못하고 개발직군에 일하는 분들만 참여할 수 있는 줄 알았다. 그래서 내년에는 꼭 직장도 가지고 일하면서 글또 다음 기수 참여할 수 있으면 좋겠다 라고 생각만 했었는데... 그것이 이루어졌습니다!!!!  우연히 이 포스팅을 보게 되신 분들 중 글또가 어떤 모임인지 모르시는 분들 혹은 궁금하신 분들은https://zzsza.notion.site/ac5b18a482fb4df497d4e8257ad4d516 글 쓰는 또라이가 세상을 바꾼다 - 글또 페이지 | NotionURL : https://bit.ly/geultto_introzzsza.no.. 2024. 10. 13.
[React] Props로 전달되는 문자열 줄바꿈 하기 React에서 모달 창을 띄우려고 하는데바텀모달로 만든게 반복되는게 많다보니 재사용하기 좋도록 컴포넌트로 만들고 문자열들을 props로 전달 받아서 그래서 어떤건 한줄이고 어떤건 두 줄로 나눠서 나올 수 있도록 하였다. 해당 코드는 css는 tailwind css로 작성됨  ✅ 하는 방법 {blocker.state === "blocked" ? ( blocker.reset()} onLater={() => blocker.proceed()} textHead="나중에 이어서 쓰시겠어요?" textcontent={`혹시 몰라, 지금까지 쓴 내용을 \n 임시 저장해두었어요.`} .. 2024. 9. 26.
728x90
반응형