문제 상황: 상태는 변했는데 콘솔에는 예전 값이? 저는 지금 취준을 위해 프로젝트를 달리고 있습니다. 리액트와 리덕스로 개발하다 보니 이런 상황을 자주 마주쳤습니다. > 위 코드에서 저는 getUserAction이 성공적으로 완료된 후 업데이트된 userDataSt

"Hook은 컴포넌트의 최상위 레벨에서만 호출해야 한다"리액트를 사용하다 보면 마주치는 규칙 중 하나는 "Hook은 컴포넌트의 최상위 레벨에서만 호출해야 한다"는 것이다. 특히 useState를 조건문이나 반복문, 중첩된 함수 내부에서 사용하면 안 된다. 이 규칙을 어

참고문서 핵심 키워드트렁크(Trunk) / 메인 브랜치(Main Branch)CI/CD (지속적 통합/배포)소규모 빈번한 커밋피처 플래그(Feature Flag)자동화된 테스트코드 리뷰소프트웨어 개발에서 가장 중요한 것 중 하나는 "얼마나 빠르고 안정적으로 새로운 기능

글을 읽기 전에 SEO가 뭔지 빠르게 알고 가기 => SEO가 뭐징?고생해서 웹 서비스 하나 만들었다. ⇒ 사용자가 있어야 의미가 있다. ⇒ 사용자에게 노출시켜야한다. ⇒ 지인들에게 일일이 url을 나눠준다?ㄴㄴ ⇒ 구글에 검색하게 한다. => 서비스 이름, 관련 검색

양자역학적인 현상을 쓴다? 0과 1이 동시에 존재한다..?전자가 저기있을 수도 있고 여기 있을 수도 있다..? 그러나 관측하는순간 여기에 나타난다..? 이게 뭐고 뭐가 대단하길래 요즘 난리일까?빠르게 알아보자.양자 컴퓨터는 양자역학적 현상을 활용하여 연산을 수행하는 새

모던 자바스크립트 Deep Dive 서적을 참고했습니다.사실 클로저는 자바스크립트 고유의 개념이 아니다. 클로저의 정의가 ECMAScript사양에 등장하지 않는다.MDN(신뢰할 수 있는 개발자 문서. 공식문서는 아님) 曰: “클로저는 함수와 그 함수가 선언된 렉시컬 환

모던 자바스크립트 Deep Dive 예시코드 참고자바스크립트에서 렉시컬 스코프는 "함수가 어디서 호출되는지"가 아니라 "함수가 어디서 정의되었는지"에 따라 상위 스코프가 결정되는 것을 말한다.먼저 첫 번째 코드를 보면:이 코드에서 함수 innerFunc는 전역에서 정의

JavaScript에서 "함수는 일급 객체이다"라는 개념을 설명하기 위해 작성.무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다.변수나 자료구조(객체, 배열 등)에 저장할 수 있다.함수의 매개변수에 전달할 수 있다.함수의 반환값으로 사용할 수 있다.이름이

HTTPS로 배포된 React 애플리케이션에서 HTTP API(서울시 문화행사 정보)를 호출하려고 할 때 Mixed Content 에러가 발생한다.하필 서울시 open api는 https 프로토콜을 제공하지 않기 때문에 (https로 변환하는 방법) 위 방법도 안먹힌다

업로드중..프록시는 클라이언트(브라우저)와 서버 사이에 중계 역할을 하는 서버입니다. 클라이언트가 특정 서버에 직접 요청을 보내지 않고, 중간에 위치한 프록시 서버가 요청을 대신 전달하고 그 응답을 다시 클라이언트로 보내는 방식입니다.미들웨어 프록시는 개발 환경에서 자

일단 죄송합니다. 작성일 기준으로 저는 기술면접 경험없습니다.그래도 일단 들어오셨으니 얕고 유용한 내용 가져가보세요. 프론트엔드 개발자에게 있어 코드의 품질과 일관성을 유지하는 것은 매우 중요합니다. 특히, 현업에서는 혼자 프로젝트를 진행하는 경우가 거의 없다는 것은

mockapi를 사용법에 포커스를 맞춘 오픈소스 스튜디오(Open Source Studio) 02분반 실습용 참고자료입니다. 무료버전 사용하시면 됩니다. 클릭! => mockapi 사이트 접속'Get started' 버튼 눌러주세요.회원가입(저는 깃허브 sign in

> (James F. Kurose, Keith Ross - Computer Networking- A Top Down Approach-Pearson (2020) 교과서 참고) 2.2.1 Overview of HTTP HTTP(HyperText Transfer Proto

원문 작성자: Matías Hernández, 참고 링크: Improve Runtime Type Safety with Branded Types in TypeScript코드의 안전성과 신뢰성을 높이기 위해 타입스크립트를 사용한다는 것은 이미 잘 알려진 사실이다. 하지만

TypeScript에서 인터페이스(interface)와 타입(type)은 모두 객체의 형태와 구조를 정의하는 데 사용됨. 인터페이스는 TypeScript가 처음 설계될 때부터 있던 기능임. Java와 같은 객체 지향 언어의 영향을 받아 클래스와 연동되는 구조적인 정의가

모든 내용과 이미지는 Computer Networking- A Top Down Approach-Pearson을 참고하였습니다.이번 글에서는 네트워크의 프로토콜 계층 구조와 서비스 모델을 다루며, 인터넷 프로토콜 스택과 OSI 모델에 대해 설명할 것임. 또한, 네트워크

모든 내용과 이미지는 Computer Networking- A Top Down Approach-Pearson을 참고하였습니다. Chapter 1.4 패킷 스위칭 네트워크에서 지연, 손실, 그리고 처리량 (Delay, Loss, and Throughput) 인터넷을

모든 내용과 이미지는 Computer Networking- A Top Down Approach-Pearson을 참고하였습니다.네트워크 코어는 인터넷의 중심부로, 패킷 스위칭과 링크를 통해 엔드 시스템(컴퓨터, 스마트폰 등)을 연결하는 역할을 함. 쉽게 말해, 인터넷을

모든 내용과 이미지는 Computer Networking- A Top Down Approach-Pearson을 참고하였습니다. Chapter 1.2 > 네트워크 엣지(Network Edge)와 액세스 네트워크 > 인터넷 구성 요소 중 하나인 네트워크 엣지(Net

모든 내용과 이미지는 Computer Networking- A Top Down Approach-Pearson을 참고하였습니다. 참 추상적이라 한번에 이해하려 애쓰지말고 아래 이미지에서 라우터의 역할만 알고 가자.지뢰같이 생긴것이 라우터(Router)데이터를 전달하는 중