profile
지치지 않는 백엔드 개발자 김성주입니다 :)
태그 목록
전체보기 (220)Next.js Learn(48)React(38)js(22)CSS(19)html(17)ts(6)git(3)redux(3)Context API(2)JWT(2)setState(2)virtual DOM(2)bind(2)원티드 프론트엔드 인턴십(2)react router(2)useCallback(2)React 형제 컴포넌트(1)typescript(1)1주차(1)refs(1)ci(1)프로세스(1)소프트스킬(1)Immutable(1)type assertion(1)type guard(1)하드스킬(1)css - preprocessor(1)cors(1)forwardRef(1)Flux(1)position(1)article(1)aside(1)section(1)깊은 복사(1)타입상속(1)가상 요소(1)웹팩(1)promise(1)script async(1)import(1)자료구조(1)Sequelize(1)요소 숨김(1)URI(1)session storage(1)Portal(1)라이브러리(1)프레임워크(1)type of(1)클래스컴포넌트(1)redux thunk(1)redux saga(1)null타입(1)restful api(1)http(1)DNS(1)Box Model(1)세로 정렬(1)호이스팅(1)스트레스 관리(1)html data(1)조건부 렌더링(1)세션(1)쿠키(1)srcset(1)mutable(1)findIndex(1)브라우저(1)비제어 컴포넌트(1)router.replace(1)vue(1)url(1)선택적 매개변수 문법(1)React 렌더링 과정(1)callback(1)box-shadow(1)reconciliation(1)실행컨텍스트(1)strict(1)cascading(1)MVC(1)float(1)프로토타입(1)csrf(1)라이프사이클(1)debounce(1)findOrCreate(1)Prototype(1)await(1)useEffect(1)useState(1)ajax(1)Falling Into The Pit of Success(1)Context Hooks(1)props drilling(1)decorator(1)prevState(1)img(1)React Interview(1)협업을 하면서 어려웠던 점(1)async(1)padding(1)res.json()(1)network(1)branch(1)react hook(1)2주차(1)바벨(1)JavaScript(1)&&(1)디버깅(1)never 타입(1)res.send(1)tcp(1)미디어 요소(1)이벤트 캡쳐링(1)html 렌더링(1)br(1)p(1)VOID(1)OAuth2.0(1)margin(1)클래스 멤버(1)XSS(1)UDP(1)https(1)declare(1)redux-toolkit(1)scroll(1)const(1)let(1)var(1)다국어 사이트 제작시 주의사항(1)클로저(1)box-sizing(1)함수형컴포넌트(1)componentWillUnmount()(1)require(1)filter(1)z-index(1)CSS in JS(1)auto(1)DOCTYPE(1)key(1)프론트엔드 개발자가 되고 싶은 이유(1)react-query(1)ClearTimeout(1)local storage(1)제네릭(1)cd(1)미디어 쿼리(1)State(1)useContext(1)useMemo(1)useReducer(1)useRef(1)Next js Learn(1)inline block(1)this(1)setTimeout(1)axios(1)Enum(1)크로스 브라우징(1)form validation(1)css.module(1)script(1)reduce(1)overflow(1)가상 클래스(1)제어 컴포넌트(1)CSR(1)SSR(1)ul(1)background image(1)Redux 미들웨어(1)컴파일(1)inline(1)새로운 기술을 습득하기 위한 접근 방법(1)custom hook(1)bfc(1)meta(1)프로그레시브렌더링(1)any타입(1)얕은 복사(1)템플릿 리터럴(1)렌더링 과정(1)Fetch(1)proptypes(1)unknown(1)aria-*(1)script defer(1)display(1)router.push()(1)재조정(1)react-error-boundary(1)HoC(1)좋은 코드란 무엇인가?(1)github(1)redirect(1)렌더링 원리(1)seo(1)강점과 장점(1)JSX(1)cookie(1)next.js(1)css 전처리기(1)이벤트 버블링(1)타입스크립트의 장점(1)ol(1)Map(1)HTML 5(1)border-box(1)Parameter Destructuring(1)Props(1)Throttling(1)ES6(1)CSS Interview(1)commit message guidelines(1)TypeScript Interview(1)시멘틱 마크업(1)memo(1)가로 정렬(1)mixins(1)HTML Interview(1)apply(1)call(1)스레드(1)

디바운스, 스로틀링

디바운스(Debounce)와 스로틀링(Throttling)은 이벤트 제어 방식으로, 웹 개발 등에서 자주 사용되는 개념입니다. 두 방식 모두 이벤트의 발생 빈도를 제어하여 성능 개선이나 예기치 않은 동작 방지를 위해 활용됩니다.디바운스는 연이어 발생하는 이벤트 중에서

2023년 8월 10일
·
1개의 댓글
·

JWT

JWT는 "JSON Web Token"의 약자로, 웹 기반의 토큰 기반 인증 및 권한 부여 시스템을 구현하는 데 사용되는 오픈 표준입니다. JWT는 정보를 안전하게 전달하기 위한 간단한 방법을 제공하며, 주로 웹 및 모바일 애플리케이션에서 사용되며 API 요청의 인증

2023년 8월 8일
·
0개의 댓글
·

URI vs URL

URI(Uniform Resource Identifier)와 URL(Uniform Resource Locator)은 모두 웹 자원을 고유하게 식별하는데 사용되는 문자열이지만, 그 사용 목적과 범위에 있어서 몇 가지 차이점이 있습니다.1\. 범위: URI는 더 넓은 개념

2023년 8월 1일
·
1개의 댓글
·

크로스 브라우징이 무엇인가요?

"크로스 브라우징"은 다양한 웹 브라우저(예: 크롬, 파이어폭스, 사파리, 인터넷 익스플로러 등)에서 모두 웹사이트나 웹 어플리케이션이 올바르게 작동하도록 보장하는 것을 의미합니다.크로스 브라우징을 지원하는 것은 종종 특정 브라우저의 특정 기능이 다른 브라우저에서는 작

2023년 7월 25일
·
0개의 댓글
·

MVC 패턴

MVC 패턴 MVC는 "Model-View-Controller"의 약자로, 애플리케이션을 구성하는 요소를 세 가지 역할로 나눈 소프트웨어 디자인 패턴입니다. 이 세 가지 역할이란 데이터를 처리하는 모델(Model), 사용자 인터페이스를 담당하는 뷰(View), 그리고

2023년 7월 23일
·
1개의 댓글
·
post-thumbnail

CI / CD가 무엇인가요?

지속적 통합 (Continuous Integration, CI): 이것은 개발자들이 자신의 코드 변경을 팀의 공유 리포지토리에 지속적으로 통합하는 것을 말합니다. 각 통합은 그 후 자동화된 빌드 및 테스트 프로세스를 통해 검증되어, 코드 변경에 대한 문제를 가능한 한

2023년 7월 20일
·
1개의 댓글
·

라이브러리와 프레임워크의 차이가 무엇인가요?

라이브러리는 특정 기능을 쉽게 구현할 수 있도록 미리 작성되어 있는 코드의 집합을 의미합니다.라이브러리를 사용하는 것은 특정 작업을 수행하기 위해 필요한 코드를 모두 직접 작성하는 것보다 훨씬 효율적입니다. 예를 들어, 웹 요청을 처리하는 코드, 그래픽을 처리하는 코드

2023년 7월 18일
·
1개의 댓글
·

프로세스와 스레드가 무엇인가요?

프로세스와 스레드가 무엇인가요? 프로세스의 개념 운영체제에서 프로세스는 일련의 작업 단위입니다. 프로그램은 파일이 저장장치에 저장되어 있지만 메모리에는 올라가 있지 않은 정적인 상태이며, 이러한 프로그램을 실행시켜 운영 체제로부터 CPU를 할당받고 실행되고 있는 상

2023년 7월 11일
·
0개의 댓글
·
post-thumbnail

Ajax, Axios, Fetch의 차이점이 무엇인가요?

Ajax, Axios, Fetch는 모두 웹 개발에서 HTTP 요청을 만들고 처리하는 데 사용되는 기술이나 라이브러리이지만 각각의 차이점들은 아래와 같습니다:비동기 처리 방식: Ajax는 비동기 처리를 위해 콜백 패턴을 사용하므로 코드가 복잡해질 수 있습니다. 이에 반

2023년 7월 10일
·
0개의 댓글
·
post-thumbnail

클라이언트 사이드 렌더링(CSR) vs 서버 사이드 렌더링(SSR)

클라이언트 사이드 렌더링(Client-Side Rendering, CSR)과 서버 사이드 렌더링(Server-Side Rendering, SSR)은 웹 애플리케이션의 내용이 렌더링 되는 위치와 시점에 따라 분류됩니다. 각각의 방식은 특징과 장단점을 가지고 있습니다.클라

2023년 7월 6일
·
0개의 댓글
·
post-thumbnail

DNS가 무엇인가요?

DNS(Domain Name System)는 인터넷에서 도메인 이름을 IP 주소로 변환하거나 그 반대의 작업을 수행하는 시스템입니다. 이 시스템은 웹 브라우저가 웹 서버에 접속할 때 필요한 IP 주소를 찾는 데 사용됩니다.DNS의 가장 중요한 기능은 사람들이 쉽게 기억

2023년 7월 4일
·
0개의 댓글
·

BFC(Block Formatting Context)가 무엇인가요?

BFC(Block Formatting Context)는 CSS 레이아웃 모델에서 요소를 배치하는 데 사용되는 개념입니다. BFC는 해당 요소와 그 자식 요소들이 어떻게 배치되고 상호작용하는지를 정의하는 독립적인 레이아웃 컨텍스트를 생성합니다.BFC의 주요 특징과 동작

2023년 7월 2일
·
0개의 댓글
·

Position 속성이 무엇인가요?

position 속성은 CSS에서 요소의 위치를 지정하는 데 사용되는 속성입니다. position 속성은 요소를 정적(static), 상대적(relative), 절대적(absolute), 고정(fixed), 그리고 스티키(sticky) 위치로 배치할 수 있게 합니다.다

2023년 7월 2일
·
0개의 댓글
·

padding과 margin이 무엇인가요?

padding과 margin은 CSS에서 요소의 레이아웃을 조정하기 위해 사용되는 속성입니다. 이들은 박스 모델에서 각각 패딩 영역과 마진 영역을 나타냅니다.패딩 (padding): 패딩은 요소의 콘텐츠 영역과 테두리 사이의 공간을 의미합니다. 패딩은 요소 내부에 적용

2023년 7월 2일
·
0개의 댓글
·

Box-Model이 무엇인가요?

박스 모델(Box Model)은 CSS에서 요소의 크기와 레이아웃을 정의하는 모델입니다. 요소는 박스 형태로 간주되며, 이러한 박스는 콘텐츠 영역, 패딩 영역, 테두리 영역, 마진 영역으로 구성됩니다. 각 영역은 다음과 같은 역할을 합니다:1\. 콘텐츠 영역(Conte

2023년 7월 2일
·
0개의 댓글
·

프론트엔드 개발자가 되고 싶은 이유

제가 프론트엔드 개발자가 되고 싶은 이유는 창의성을 표현할 수 있는 영역이기 때문입니다. 직접적으로 사용자에게 영향을 주는 인터페이스를 다루기 때문에 사용자가 웹사이트나 앱을 이용함에 있어 즐겁게 사용하도록 창의성을 표현할 수 있습니다.또한 빠르게 발전하고 변화하는 분

2023년 7월 2일
·
0개의 댓글
·
post-thumbnail

TCP와 UDP가 무엇인가요?

TCP (Transmission Control Protocol)와 UDP (User Datagram Protocol)는 인터넷 프로토콜 스위트의 일부인 두 가지 주요 전송 프로토콜입니다. 이 두 프로토콜은 데이터를 네트워크를 통해 전송하는 방법을 정의합니다.TCP (T

2023년 7월 2일
·
0개의 댓글
·

display 속성이 무엇인가요?

display 속성은 CSS에서 요소의 표시 방법을 지정하는 데 사용되는 속성입니다. display 속성은 요소를 블록(block), 인라인(inline), 인라인-블록(inline-block), 그리드(grid), 플렉스(flex) 등의 다양한 형태로 표시할 수 있도

2023년 7월 2일
·
0개의 댓글
·

cascading이 무엇인가요?

"Cascading"은 CSS(Cascading Style Sheets)의 'C'에 해당하는 개념으로, 스타일 규칙이 요소에 적용되는 방식을 정의합니다. Cascading은 스타일 규칙의 우선 순위 및 상속에 따라 스타일이 결정되는 방식을 의미합니다.Cascading은

2023년 7월 2일
·
0개의 댓글
·

float 속성이 무엇인가요?

float 속성은 CSS에서 사용되는 속성으로, 요소의 배치를 지정하는 데 사용됩니다. float 속성은 해당 요소를 왼쪽이나 오른쪽으로 띄워서 텍스트나 다른 요소가 그 주위를 감싸도록 만듭니다.float 속성은 다음과 같은 값으로 설정할 수 있습니다:none: 요소를

2023년 7월 2일
·
0개의 댓글
·