본문 바로가기
반응형

전체 글170

[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.
[React]페이지 이탈 시 확인 모달창 띄우기 보호되어 있는 글 입니다. 2024. 9. 13.
[React]useCallback ✔️useCallback이란? useCallback은 함수를 메모이제이션합니다. 주어진 종속성 배열이 변경되지 않으면, 동일한 함수 인스턴스를 반환합니다. 이는 컴포넌트가 불필요하게 다시 렌더링되는 것을 방지하는 데 도움을 줍니다.언제 사용: 컴포넌트가 자주 다시 렌더링되면서 동일한 함수가 다시 생성되는 것을 피하고 싶을 때, 특히 자식 컴포넌트에 콜백 함수를 props로 전달할 때 사용합니다.usememo랑 너무 헷갈렸는데 둘 다 비슷하긴 하지만 usememo는 특정 결과값을 재사용하는 반면, usecallback은 특정 함수를 새로 만들지 않고 다시 재사용하는 것이다.  1. useCallback의 구조import React, { useState, useCallback } from 'react';fu.. 2024. 9. 3.
728x90
반응형

티스토리툴바