티스토리

은학의 코딩 일기장

검색하기

블로그 홈

은학의 코딩 일기장

claydiary.tistory.com/m

<Eunhak> 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[컴퓨터 네트워크] 라우팅 라우팅이란?라우팅은 네트워크 간에 데이터 패킷을 전달하는 과정을 말합니다. 네트워크에 연결된 여러 장치(노드)들이 서로 통신하기 위해 데이터 패킷을 전달할 경로를 선택하는 것을 라우팅이라고 합니다. 이 작업은 주로 라우터라는 네트워크 장치에 의해 수행되며, 라우터는 패킷을 최적의 경로로 전달하여 목적지까지 도달하게 합니다. 라우팅의 핵심은 경로 선택으로, 목적지에 도달할 수 있는 여러 경로 중 가장 효율적인 경로를 결정하는 것입니다. 이를 위해 라우팅 테이블을 사용하며, 각 네트워크 장치는 자신이 알고 있는 네트워크 경로 정보를 기반으로 라우팅 테이블을 구성합니다. 라우팅 프로토콜라우팅 프로토콜은 네트워크 장치들이 서로 통신하며, 경로 정보를 공유하고 업데이트하는 규칙 및 절차를 말합니다. 이를 통.. 공감수 0 댓글수 0 2024. 9. 12.
[컴퓨터 네트워크] IP 프로토콜 IP주소란 IP 주소는 네트워크에 연결된 장치들이 서로 통신하기 위해 사용하는 고유한 숫자 식별자입니다. IP 주소는 인터넷과 같은 네트워크에서 데이터를 전송하고 수신하는 데 필수적입니다. IP 주소는 크게 두 가지 종류로 나뉩니다: IPv4와 IPv6. IPv4 (Internet Protocol version 4):32비트 주소 체계를 사용하며, 숫자 4개가 점으로 구분된 형태로 나타납니다. 예: 192.168.0.1IPv4는 약 43억 개의 고유한 주소를 제공하지만, 네트워크 장치 수가 급격히 증가하면서 주소가 부족해졌습니다.IPv6 (Internet Protocol version 6):128비트 주소 체계를 사용하며, 훨씬 더 많은 수의 주소를 제공합니다. IPv6 주소는 16진수로 작성된 8개의.. 공감수 0 댓글수 0 2024. 9. 12.
[javascript] Promise Promise란?자바스크립트 비동기 통신에 사용되는 객체중 하나로 비동기 작업의 완료 또는 실패를 나타냄기존 callback 방식의 call back 지옥을 해결하기 위해 Promise가 사용됨Promise의 이점비동기 처리 시점을 명확하게 표현할 수 있다.연속된 비동기 처리 작업을 수정, 삭제, 추가하기 편하고 유연하다.비동기 작업 상태를 쉽게 확인할 수 있다.코드의 유지 보수성이 증가한다.Promise 3가지 상태Pending(대기) : 비동기 로직이 아직 완료되지 않은 상태Fullfilled(이행) : 비동기 작업이 처리되어 프로미스가 결과값을 반환해준 상태rejected(실패) : 비동기 작업이 실패된 상태후속 처리 메소드thenthen 메소드는 두 개의 콜백 함수를 인자로 전달 받습니다.첫 번째.. 공감수 0 댓글수 0 2024. 9. 3.
[컴퓨터 네트워크] TCP / UDP TCP (Transmission Control Protocol)TCP는 연결 지향적 프로토콜로, 인터넷 프로토콜 스위트의 중요한 요소 중 하나입니다. TCP는 데이터의 신뢰성과 순서를 보장하며, 데이터가 전송된 순서대로 도착하고 손실되거나 손상된 경우 이를 복구하는 기능을 제공합니다.특징:연결 지향적: 데이터를 전송하기 전에 송신자와 수신자 사이에 연결을 설정합니다.신뢰성: 데이터가 정확하게 도착하는지 확인하고, 손실되거나 손상된 패킷은 재전송됩니다.흐름 제어: 수신자의 처리 능력을 고려해 데이터 전송 속도를 조절합니다.혼잡 제어: 네트워크 혼잡을 방지하기 위해 전송 속도를 조절합니다.패킷 순서 보장: 송신된 데이터 패킷의 순서가 유지되도록 합니다.장점:데이터의 신뢰성과 정확성을 보장합니다.패킷의 순서를.. 공감수 0 댓글수 0 2024. 9. 2.
[javascript] 이벤트루프 자바스크립트 ⇒ 싱글스레드언어 ( 한번에 하나의 작업만 처리)때문에 비동기 방식은 자바스크립트가 아닌 브라우저의 web apis에서 비동기 + 논블로킹 방식으로 처리됨이벤트루프란?브라우저의 동작을 제어하는 관리자역할싱글 스레드인 자바스크립트의 작업을 멀티 스레드로 돌려 작업을 동시에 처리시키게 하던가, 또는 여러 작업 중 어떤 작업을 우선으로 동작시킬 것인지 결정하는 세심한 컨트롤을 하기 위해 존재하는 것이 바로 이벤트 루프 이벤트 루프를 이용한 프로그램 방식을 이벤트 기반(Event Driven) 프로그래밍이라고함자바스크립트의 내부 구성도call stack : 자바스크립트 엔진이 코드실행을 위해 사용하는 메모리구조callback queue : 비동기 작업이 완료되면 실행되기위해 대기하는 공event.. 공감수 1 댓글수 1 2024. 9. 2.
[javascript] 클로저 / 스코프 스코프참조 대상 식별자를 찾아내기 위한 규칙변수 / 함수의 유효범위를 뜻함전역 스코프 (Global scope) : 스크립트 전체에서 참조되는 것을 의미하며, 어느 곳에서든 참조 된다.지역 스코프 (Local scope) : 정의된 함수 내에서만 참조되는 것을 의미하며, 밖에서는 참조 되지 않는다.렉시컬 스코프함수를 어디 선언하는지에 따라 상위 스코프가 결정되는 자바스크립트를 포함한 대부분의 프로그래밍 언어는 렉시컬 스코프를 따름var x = 1;function foo() { var x = 10; bar();}function bar() { console.log(x);}foo(); // 1bar(); // 1위와 같은 상황에서 bar 함수에서 참조하는 x 변수는 bar 함수의 상위 스코프가 무엇인지에 따라.. 공감수 0 댓글수 0 2024. 9. 2.
[컴퓨터 네트워크] L4/ L7 로드밸런서 L4 로드밸런서 L4 로드 밸런서는 OSI 4계층(전송 계층)에서 동작하는 로드 밸런서입니다. 이 계층에서의 로드 밸런서는 주로 TCP(Transmission Control Protocol) 또는 UDP(User Datagram Protocol) 연결 정보를 기반으로 트래픽을 분산시키는 역할을 합니다.L4 로드 밸런서의 특징전송 계층에서의 트래픽 분산:L4 로드 밸런서는 IP 주소와 포트 번호를 기반으로 클라이언트의 요청을 분산시킵니다. TCP/UDP 연결을 기준으로 트래픽을 분배하며, 패킷 수준에서 작동합니다.트래픽 분산은 클라이언트의 IP 주소, 포트 번호, 목적지 IP 주소, 목적지 포트 번호 등을 기준으로 이루어집니다.프로토콜 무관:L4 로드 밸런서는 HTTP, HTTPS, FTP, SMTP 등 .. 공감수 0 댓글수 0 2024. 8. 28.
[컴퓨터 네트워크] 웹캐시 웹 페이지나 웹 애플리케이션에서 자주 요청되는 자원(이미지, HTML 문서, CSS 파일, JavaScript 파일 등)을 임시로 저장하여, 이후 동일한 자원에 대한 요청이 있을 때 원본 서버로부터 다시 다운로드하지 않고 저장된 복사본을 제공하는 기술입니다. 웹 캐시는 웹 성능을 최적화하고, 서버 부하를 줄이며, 네트워크 트래픽을 절감하는 데 중요한 역할을 합니다.웹 캐시의 주요 개념캐싱 위치:브라우저 캐시(Browser Cache): 사용자의 웹 브라우저에 저장되는 캐시입니다. 브라우저는 자주 방문하는 웹 페이지의 자원을 로컬에 저장하여, 동일한 페이지를 다시 방문할 때 로딩 속도를 높입니다.프록시 캐시(Proxy Cache): 네트워크 경로 중간에 위치한 캐시 서버에서 자원을 저장하고 제공하는 방식입.. 공감수 0 댓글수 0 2024. 8. 28.
[컴퓨터 네트워크] connection timeout / read timeout 1. 커넥션 타임아웃 (Connection Timeout)설명:커넥션 타임아웃은 클라이언트가 서버에 연결을 시도할 때, 일정 시간 내에 연결이 성립되지 않으면 발생하는 타임아웃입니다.예를 들어, 클라이언트가 서버에 TCP 연결을 시도할 때, 서버가 응답하지 않거나 네트워크 문제가 있는 경우, 클라이언트는 일정 시간이 지나면 연결 시도를 중단하고 타임아웃 에러를 발생시킵니다.원인:서버가 다운되었거나, 너무 바빠서 요청에 응답할 수 없는 경우.네트워크 장애 또는 클라이언트와 서버 사이의 네트워크가 불안정한 경우.방화벽이나 네트워크 설정 문제로 인해 서버에 접근이 차단된 경우.설정 예시:클라이언트에서 커넥션 타임아웃을 5초로 설정한 경우, 5초 내에 서버와 연결이 이루어지지 않으면 타임아웃 에러가 발생합니다... 공감수 0 댓글수 0 2024. 8. 28.
[컴퓨터 네트워크] Proxy 프록시 서버프록시 서버는 클라이언트와 서버 사이에 위치하여, 클라이언트의 요청을 대신 처리해주는 중계 서버입니다. 클라이언트는 직접적으로 목적 서버와 통신하지 않고, 프록시 서버를 통해 간접적으로 통신하게 됩니다. 프록시 서버는 클라이언트의 요청을 받아 실제 서버로 전달하고, 서버의 응답을 다시 클라이언트에게 전달하는 역할을 합니다.프록시 서버의 주요 기능:보안 강화: 클라이언트와 서버 사이에 위치하여, 보안을 강화하거나 내부 네트워크를 보호하는 역할을 합니다.캐싱: 자주 요청되는 데이터를 캐싱하여, 서버 부하를 줄이고 응답 속도를 향상시킬 수 있습니다.익명성: 클라이언트의 IP 주소를 숨길 수 있어, 사용자의 익명성을 보장할 수 있습니다.콘텐츠 필터링: 특정 웹사이트나 콘텐츠에 대한 접근을 차단하거나 .. 공감수 0 댓글수 1 2024. 8. 28.
[컴퓨터 네트워크] xss / csrf / SQL injection 1. XSS 공격 (Cross-Site Scripting)XSS 공격이란?XSS 공격은 웹 애플리케이션에 악성 스크립트를 삽입하여, 해당 스크립트가 다른 사용자의 브라우저에서 실행되도록 하는 공격입니다. 공격자는 이 방법을 사용해 사용자의 세션을 가로채거나, 웹 페이지를 변조하거나, 사용자에게 악성 소프트웨어를 배포할 수 있습니다.방어 방법:입력 값 검증 및 인코딩: 사용자가 입력한 모든 데이터를 신뢰하지 말고, HTML, JavaScript, URL, CSS에 삽입되는 모든 데이터를 적절하게 인코딩하여 스크립트가 실행되지 않도록 합니다.예: 를 >로 인코딩.Content Security Policy(CSP) 적용: CSP를 사용하여 브라우저가 특정 출처에서만 스크립트를 실행하도록 제한할 수 있습니.. 공감수 0 댓글수 0 2024. 8. 28.
[컴퓨터 네트워크] Rest API REST (Representational State Transfer)REST는 웹 서비스 설계의 아키텍처 스타일 중 하나로, 클라이언트와 서버 간의 통신을 위한 규칙을 정의합니다. REST는 자원을 이름으로 구분하고 그 자원에 대한 행위를 HTTP 프로토콜을 통해 요청(Request)하는 방식입니다. 여기서 자원은 URI로 표현되고, HTTP 메서드(GET, POST, PUT, DELETE 등)를 사용해 자원에 대한 CRUD(Create, Read, Update, Delete) 작업을 수행합니다.REST의 주요 개념:자원 (Resource): URI로 식별되는 대상입니다. 예를 들어, https://api.example.com/users/123는 특정 사용자 자원을 나타냅니다.표현 (Representat.. 공감수 0 댓글수 0 2024. 8. 28.
[컴퓨터 네트워크] URI URL URN URI, URL, URN은 모두 리소스를 식별하는 데 사용되는 용어입니다. 이들 사이에는 약간의 차이가 있습니다.1. URI (Uniform Resource Identifier, 통합 자원 식별자)설명: URI는 인터넷에서 리소스를 식별하는 데 사용되는 문자열입니다. URL과 URN을 포함하는 상위 개념이라고 보시면 됩니다.예시: http://example.com, urn:isbn:04514505232. URL (Uniform Resource Locator, 통합 자원 지시자)설명: URL은 URI의 한 유형으로, 리소스의 위치를 구체적으로 지정합니다. 일반적으로 우리가 웹사이트 주소라고 부르는 것이 URL입니다. 여기에는 리소스에 접근할 수 있는 방법(프로토콜)도 포함됩니다.예시: http://exam.. 공감수 1 댓글수 2 2024. 8. 28.
[컴퓨터 네트워크] SOP / CORS SOP (Same-Origin Policy, 동일 출처 정책)동일 출처 정책은 브라우저에서 기본적으로 적용되는 보안 메커니즘으로, 웹 페이지가 로드된 출처(origin)와 동일한 출처에서만 자원(예: 스크립트, 데이터 등)을 불러올 수 있도록 제한합니다.출처 (Origin)의 정의:프로토콜 (e.g., http:// vs https://)도메인 (e.g., example.com vs api.example.com)포트 번호 (e.g., :80, :443)이 세 가지가 모두 동일해야만 동일 출처로 간주됩니다.예시:http://example.com/page1은 http://example.com/page2와 동일 출처로 간주됩니다.하지만 http://example.com과 https://example.com은 .. 공감수 0 댓글수 0 2024. 8. 28.
[컴퓨터 네트워크] 인증 인가 방식(쿠키 / 세션 / JWT) 쿠키클라이언트에 저장할 목적으로 생성한 작은 정보를 담은 파일 브라우저는 서버에서 받은 쿠키를 저장해두었다가,동일한 서버로 재요청할 때 쿠키를 함께 보냄 사용자가 로그인을 하면, 서버는 ID, PW 정보를 쿠키에 담아 브라우저로 다시 보냄=>이후 브라우저에서는 요청할 때마다 로그인 정보가 담긴 쿠키를 함께 서버로 보냄브라우저에서 매번 요청할 때마다 서버 입장에서는 로그인 정보가 담긴 쿠키를 받게 되는 것 장점기존 로그인 정보를 사용하기 때문에 인증을 위한 추가적인 데이터 저장이 필요 없음 단점사용자의 주요 정보를 매번 요청에 담기 때문에 보안상 문제가 있음클라이언트에서 쿠키 정보를 쉽게 변경, 삭제할 수 있고, 가로채기 당할 수도 있음.쿠키 사이즈가 커질수록 네트워크 부하가 심해짐 세션 서버에서 일.. 공감수 0 댓글수 0 2024. 8. 27.
[컴퓨터 네트워크] DNS DNS도메인 이름을 IP주소로 변환하여 주는 시스템쉽게 말해 전화번호부라 생각하면됨200.200.2200같은 IP는 기억하기 어렵기때문에 이를 기억하기 쉽게 도메인 명으로 저장해야함 DNS 동작 방식1. 사용자가 도메인 이름을 입력 (www.example.com) 2.브라우저 캐시, OS 캐시, 라우터 캐시 확인 3. 로컬 DNS 캐시 확인웹 브라우저는 로컬 DNS 클라이언트 역할을 수행하여, 먼저 로컬 DNS 캐시를 확인합니다.로컬 DNS 캐시에는 최근에 이용한 도메인 이름과 해당 도메인 이름에 대응하는 IP 주소 정보가 저장되어 있습니다.이전에 동일한 도메인 이름에 접속했던 기록이 있다면 로컬 DNS 캐시에서 바로 해당 IP 주소를 찾을 수 있습니다.4. 로컬 네트워크의 DNS 서버 질의로컬 DN.. 공감수 0 댓글수 0 2024. 8. 22.
[컴퓨터 네트워크] HTTPS HTTPS. HTTP는 정보를 텍스트로 주고 받기 때문에 네트워크에서 전송 신호를 인터셉트 하는 경우 원하지 않는 데이터 유출이 발생할 수 있다. 이러한 보안 취약점을 해결하기 위한 프로토콜이 HTTP에 S(Secure Socket)가 추가된 HTTPS HTTPS를 사용하면 서버와 클라이언트 사이의 모든 통신 내용이 암호화됨 SSL / TLS컴퓨터 네트워크 상에서 보안 통신을 제공하기 위해 설계된 프로토콜SSL과 TLS은 같은 것이라 볼 수 있음SSL은 TLS의 과거 명칭SSL은 TCP/IP 암호화 통신에 사용되는 규약으로써 넷스케이프에서 만들었으며, SSL 3.0 버전에서부터 IETF에서 표준으로 정해서 TLS 1.0이 되었음. 하지만 보통 SSL로 많이 불려짐즉, TLS 안에 SSL이 속함 .. 공감수 0 댓글수 0 2024. 8. 22.
[컴퓨터 네트워크] HTTP HTTPWorld Wide Web에서 정보를 주고받을 수 있게해주는 프로토콜네트워크 통신을 작동하게 하는 기본 기술 HTTP 특징-클라이언트 서버 구조-무상태 프로토콜, 비연결성-단순함, 확장가능 HTTP 무상태 프로토콜-Http 서버는 클라이언트의 요청 내역을 기억하지 않음-따라서 서버는 클라이언트가 누구인지 식별하지 못함-클라이언트가 누구인지 식별 해야하는 경우 상태유지기술인 쿠키와 세션을 사용 HTTP Header클라이언트와 서버가 요청 또는 응답을 부가적인 정보를 전송할 수 있게 해줌대소문자를 구분하지않는 이름과 콜론 ' : ' 다음에 오는 값으로 이루어져 있음 종류 General header: 요청과 응답 모두에 적용되지만 바디에서 최종적으로 전송되는 데이터와는 관련이 없는 헤더.Requ.. 공감수 0 댓글수 0 2024. 8. 22.
[컴퓨터 네트워크] 프로토콜 & TCP/IP & OSI 7 계층 프로토콜컴퓨터와 컴퓨터가 서로 이해할 수 있는 언어이자 통신 규약 및 약속 전세계 사람들이 공통 언어로 소통할 수 없고 자국의 언어로 소통하듯이컴퓨터끼리도 장비와 장비간에 서로 통신을 하기 위해 장비만의 언어를 사용해야 하며 이를 프로토콜이라 칭함 OSI 7 Layer 모델OSI 7 계층이란?네트워크에서 통신이 일어나는 과정으로 7단계로 나눈 것을 말함 1계층 - 물리계층전기적 기계적 기능적 특성을 이용해서 통신 케이블로 데이터를 전송함통신단위는 비트 => 0과 1로 나타내어지는 전기적 신호데이터를 단순히 전달하는것이 중요 대표적 장비 => 리피터, 허브 2계층 - 데이터링크 계층물리계층을 바탕으로 인접한 두 장치간에 데이터를 주고받을 수 있도록 하는 계층 이러한 연결을 point to poin.. 공감수 0 댓글수 0 2024. 8. 15.
[컴퓨터 네트워크] 데이터 전송 방식 방향에 따른 데이터 전송단방향 통신한쪽 방향으로만 데이터 전송이 가능한 통신ex) 키보드(입력), 모니터(출력) 반이중 통신양쪽 방양으로 데이터 전송이 가능때떄로 한 방향으로만 데이터 전송이 가능ex) 라디오, 무전전이중 통신동시에 양쪽 방향으로 데이터 전송이 가능ex) 전화 직렬전송과 병렬전송 직렬전송한 컴퓨터 시스템에서 다른 컴퓨터 시스템으로 data bit가 흐름. 데이터의 각 비트는 고유한 클럭 펄스 속도를 가짐. Parity bit 라는 시작과 끝을 알리는 start bit, stop bit가 전달되고, 이들을 포함하여 한번에 8bit가 전송됨 직렬전송 유형1. 비동기 직렬전송모든 byte에 추가 bit를 붙여 수신자에게 새로운 데이터를 전송했음을 알림.startbit 는 0 stop bi.. 공감수 1 댓글수 2 2024. 8. 15.
[컴퓨터 네트워크] 네트워크 장비(허브 / 리피터 / 브리지 / 스위치 / 라우터) 1계층(물리 계층) - 리피터, 허브 - 리피터신호를 멀리 보내기 위한 증폭 장치 : 긴 케이블일 수록 신호가 약해지기 때문지금은 다른 네트워크 장치에 기본적으로 리피터 기능이 탑재되어있기 때문에 사용하지 않음 - 허브리피터 역할을 하며, 기존 리피터와 다르게 여러 장비를 연결 할 수 있음허브는 CSMA/CD 방식을 적용하고 있어서 여러 장비에서 동시에 데이터를 전송하지 못함ex) A가 데이터를 전송중일 때 B도 데이터를 보내면 충돌이 일어남하나의 허브에 연결되어있는 모든 장비들은 같은 충돌도메인안에 있기 때문에 사용하는 장비가 많아지면 충돌도메인의 크기는 커짐허브는 들어온 모든 데이터를 모든 포트로 플러딩 하기 때문에 충돌이 자주 발생 2계층(데이터 링크 계층) - 브리지, 스위치 - 브리지네트워.. 공감수 0 댓글수 0 2024. 8. 13.
[컴퓨터 네트워크] 컴퓨터 네트워크란? 컴퓨터 네트워크란?통신 및 데이터 교환을 허용하는 연결된 장치의 시스템을 의미가장 널리 사용되고 컴퓨터 네트워크의 핵심구성요소는 상호 연결된 네트워크의 글로벌 네트워크인 인터넷 네트워크의 장단점장점네트워크 데이터 통신을 통해 방대한 자료를 공유가능사진, 음악, 영상 등의 디지털 미디어를 볼 수 있음프로세스 분배를 통한 성능 향상 단점바이러스나 악성코드로 인한 해킹으로 개인정보 유출 및 보안 문제데이터 변조가 가능 네트워크의 종류WAN(Wide Area Network) : 광대역 네트워크지역간 또는 대륙간 넓은 컴퓨터를 연결 => 인터넷 MAN(Metropolitan Area Network) : 대도시 영역 네트워크일반적으로 도시 및 정부기관이 소유하고 관리하는 네트워크 LAN(Local Ar.. 공감수 0 댓글수 0 2024. 8. 13.
[React] 리액트에서의 아키텍쳐 (1) MVC, MVVM, MVI 아키텍쳐가 어쩌고 저쩌고... 소프트웨어를 공부하다 보면 한번쯤은 MV~로 시작되는 무슨 무슨 아키텍쳐라는 말을 들어본 적이 있을 겁니다. 실제로 프로그래밍을 할 때에는 중요하지 않아 보이는데 이따금씩 눈에 밟혀 왠지 알고 가야할 것 같은 개념인 아키텍쳐와 MVC에 대해 웹 프론트엔드 개발자 관점에서 알아야 할 내용들을 정리해보았습니다. 1. 아키텍쳐란 무엇일까요? 아키텍처란 구조화 된 옷장과 비슷한 겁니다. 처음 개발 할 때에는 규칙없이 그냥 코드를 만들다 보면 덩치가 커지는 순간 불편함이 생기고 정리가 안 되는 시점이 생깁니다. 그러니 처음부터 특정한 규칙을 만들어서 개발을 하는게 좋다는 것을 알게 되고 규칙을 하나씩 만들어가며 개발을 하다보면 이것이 반복이 되어 하나의 특.. 공감수 0 댓글수 0 2023. 6. 23.
[React] TestCode & TDD 테스트코드란? 테스트코드란 내가 작성한 메서드가 실제로 재대로 동작하는지 테스트 하는 코드이다. 기능을 개발한 후 잘 구현되었는지 테스트 코드를 작성하고 리팩토링을 통해 향상시킬 수 있다. 의도된 대로 정확히 작동하는지 검증하는 절차이다. 테스트 코드…왜 써야되죠? 테스트 코드를 작성하는 이유는 크게 세 가지로 요약할 수 있습니다. 소프트웨어의 품질 향상: 테스트 코드를 작성하면 소프트웨어가 예상대로 동작하는지 여부를 확인할 수 있습니다. 이를 통해 버그를 발견하고 수정할 수 있으며, 이는 소프트웨어의 품질을 향상시키는 데 큰 역할을 합니다. 코드 유지 보수 용이성: 테스트 코드를 작성하면 소프트웨어의 코드를 변경할 때마다 기존 코드의 기능이 올바르게 동작하는지 확인할 수 있습니다. 이는 코드를 유지 보.. 공감수 0 댓글수 0 2023. 4. 21.
[Javascript] 단축평가 논리 계산법 단축평가논리(short-circuit evaluation)는 논리 연산을 수행할 때, 피연산자들을 왼쪽에서 오른쪽으로 순차적으로 평가하다가 전체 결과가 결정되는 시점에서 더 이상 평가하지 않고 결과를 반환하는 방법입니다. 이 방법은 피연산자가 많은 복잡한 논리식을 다룰 때, 연산 속도를 향상시키는 효과가 있습니다. true && true // true true && false // false true || false // true false || true // true 연산자를 배울때 이런 표를 많이 봐왔을텐데, 이걸 코드에 적용시키면 훨씬 코드를 단축시킬 수 있습니다. 논리 연산자를 사용할 때 무조건 true 혹은 false를 사용해야 되는 것은 아니며, 해당 값이 Truthy 하냐 Falsy 하냐에 .. 공감수 0 댓글수 0 2023. 3. 28.
[React] 비지니스로직과 뷰 비지니스로직 프론트엔드 비지니스 로직은 프론트엔드 개발자가 구현하는 애플리케이션의 핵심 비즈니스 로직입니다. 이것은 애플리케이션의 사용자 인터페이스와 관련된 로직을 포함합니다. 프론트엔드 비즈니스 로직은 일반적으로 사용자 입력을 처리하고 유효성 검사를 수행하며 데이터를 검색하고 저장하는 등의 작업을 수행합니다. 예를 들어, 사용자가 폼을 작성하고 제출하면 프론트엔드 비즈니스 로직은 해당 폼의 데이터를 검증하고 서버에 전송하는 등의 작업을 수행합니다. 뷰 반면에 뷰는 프론트엔드에서 사용자에게 보여지는 UI를 구성하는 요소입니다. 뷰는 일반적으로 HTML, CSS, JavaScript와 같은 프론트엔드 기술을 사용하여 개발됩니다. 뷰는 사용자가 인터랙션 할 수 있는 요소를 포함하여 애플리케이션의 모든 UI를.. 공감수 0 댓글수 0 2023. 3. 24.
[Python] String strip(), rstrip(), lstrip() Python 에서는 strip()을 사용하여 문자열엑서 특정 문자를 제거할 수 있습니다. Python의 String은 다음 함수를 제공합니다. strip([chars]) : 인자로 전달된 문자를 String의 왼쪽과 오른쪽에서 제거합니다. lstrip([chars]) : 인자로 전달된 문자를 String의 왼쪽에서 제거합니다. rstrip([chars]) : 인자로 전달된 문자를 String의 오른쪽에서 제거합니다. 인자를 전달하지 않을 수도 있으며, 인자를 전달하지 않으면 String에서 공백을 제거합니다 공백(white space) 제거 다음 코드는 strip()에 인자를 전달하지 않습니다. 인자를 전달하지 않으면 문자열에서 공백을 제거합니다. 결과 동일한 문자 제거 인자로 문자 1개를 전달하면 그 .. 공감수 0 댓글수 0 2023. 3. 24.
[백준] 14719 빗물 - 파이썬 문제 2차원 세계에 블록이 쌓여있다. 비가 오면 블록 사이에 빗물이 고인다. 비는 충분히 많이 온다. 고이는 빗물의 총량은 얼마일까? 입력 첫 번째 줄에는 2차원 세계의 세로 길이 H과 2차원 세계의 가로 길이 W가 주어진다. (1 ≤ H, W ≤ 500) 두 번째 줄에는 블록이 쌓인 높이를 의미하는 0이상 H이하의 정수가 2차원 세계의 맨 왼쪽 위치부터 차례대로 W개 주어진다. 따라서 블록 내부의 빈 공간이 생길 수 없다. 또 2차원 세계의 바닥은 항상 막혀있다고 가정하여도 좋다. 출력 2차원 세계에서는 한 칸의 용량은 1이다. 고이는 빗물의 총량을 출력하여라. 빗물이 전혀 고이지 않을 경우 0을 출력하여라. 풀이 시뮬레이션 문제이다. 특정위치를 기준으로 물이 고이는지를 판단하면 되기 때문에 for문을.. 공감수 0 댓글수 0 2023. 3. 21.
[React] 조건부 렌더링 논리 && 연산자로 If를 인라인으로 표현하기 JavaScript에서 true && expression은 항상 expression으로 평가되고 false && expression은 항상 false로 평가됩니다. 따라서 && 뒤의 엘리먼트는 조건이 true일때 출력이 됩니다. 조건이 false라면 React는 무시하고 건너뜁니다. falsy 표현식을 반환하면 여전히 && 뒤에 있는 표현식은 건너뛰지만 falsy 표현식이 반환된다는 것에 주의해주세요. 아래 예시에서, 0이 render 메서드에서 반환됩니다. 조건부 연산자로 If-Else구문 인라인으로 표현하기 엘리먼트를 조건부로 렌더링하는 다른 방법은 조건부 연산자인 condition ? true: false 를 사용하는 것입니다. 아래의 예시에서는 짧은 .. 공감수 0 댓글수 0 2023. 3. 20.
[백준] 2504 괄호의 값 - 파이썬 문제 4개의 기호 ‘(’, ‘)’, ‘[’, ‘]’를 이용해서 만들어지는 괄호열 중에서 올바른 괄호열이란 다음과 같이 정의된다. 한 쌍의 괄호로만 이루어진 ‘()’와 ‘[]’는 올바른 괄호열이다. 만일 X가 올바른 괄호열이면 ‘(X)’이나 ‘[X]’도 모두 올바른 괄호열이 된다. X와 Y 모두 올바른 괄호열이라면 이들을 결합한 XY도 올바른 괄호열이 된다. 예를 들어 ‘(()[[]])’나 ‘(())[][]’ 는 올바른 괄호열이지만 ‘([)]’ 나 ‘(()()[]’ 은 모두 올바른 괄호열이 아니다. 우리는 어떤 올바른 괄호열 X에 대하여 그 괄호열의 값(괄호값)을 아래와 같이 정의하고 값(X)로 표시한다. ‘()’ 인 괄호열의 값은 2이다. ‘[]’ 인 괄호열의 값은 3이다. ‘(X)’ 의 괄호값은 2×값.. 공감수 0 댓글수 0 2023. 3. 20.

문의안내

티스토리
로그인
고객센터

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