profile
중요한건 꺾이지 않는 마음

[React] HOC의 대체 패턴과 API

기존 컴포넌트를 확장하여 기능을 추가하거나 변경하는 데 사용되는 React의 기능입니다. React 초기 버전에서 HOC는 로직의 재사용을 위한 방법으로 인기가 있었지만,최근에는 일반적으로 사용되지 않습니다.최신 React 버전에서는 HOC의 대안으로 Hook 또는 다

3일 전
·
0개의 댓글
·

[React] 어떤 경우의 전역적으로 상태를 관리해줘야 하는 걸까?

결론부터 말하자면, React 애플리케이션에서 상태(State)를 전역적으로 관리할지, 지역적으로 관리할지는 애플리케이션의 규모와 구성,개발자의 선호에 따라 다르다.일반적으로 규모가 큰 애플리케이션에서는 상태를 전역적으로 관리하는 것이 유용하다.애플리케이션 전체에서 필

2023년 3월 5일
·
0개의 댓글
·
post-thumbnail

1일 1커밋 1년 후기 및 인생 회고 🔥

얼렁뚱땅 주니어 개발자의 1일 1커밋 및 인생 회고록

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

DNS(Domain Name System)란?

DNS ( Domain Name System )은 도메인 이름을 IP주소로 변환하는 시스템이다.앞의 www 부분은 호스트 네임이라고 부르며 www 뒤에 있는 부분을 도메인이라고 부른다.www.naver.com 이 부분이 Host Name 이라고 부르며www.naver.

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

Mac hosts 파일 위치 및 변경 방법

🔎 hosts 파일 위치 및 변경 방법 웹 개발을 하다보면 종종 hosts 파일을 변경해야할 일이 생기곤 합니다. 보통 개발 서버는 회사 IP로 접근할 수 밖에 없는데, 자택에서 근무하게 될 때 hosts 파일과 webpack 설정을 바꾸어

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

[JS] 이벤트 위임(Event Delegation)

이벤트 리스너를 하위 요소를 감싼 상위 요소에 추가하는 기법입니다.리스너는 DOM의 event bubbling으로 인해서 하위 요소의 이벤트가 발생될 때상위 요소로 이벤트가 전파되는데 하위 요소에서 발생한 이벤트를 상위 요소에서처리할 수 있게끔 하는 방법입니다.하위 요

2023년 1월 19일
·
0개의 댓글
·
post-thumbnail

[Visual Studio 10 C#] C Window Form Designer 오류 해결

일단 나는 회사에서 웹 프론트엔드와 한국공인회계사회 AT 자격 시험에서 사용하는 프로그램의 개발 및 유지보수를 하고있다.제 54회 시험부터 전면 비대면으로 시행됨에 따라 프로그램 로직이 많은 부분 변경이 됐는데,윈폼 디자이너 쪽에서 나타났던 오류와 해결방법을 포스팅하고

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

[VSCode] 항상 새 탭으로 파일 열기

기존 파이참을 사용하다가 무료 사용기간이 끝나서 VSCode로 옮기게 되었는데,다른 기능들은 매우 만족하며 사용하고 있지만 기본 설정이 보던 창에서 여는 것 같더라구요?저는 항상 새로운 탭으로 파일을 여는것으로 UX가 잡혀져 있어서 그런지 불편해서VSCode를 사용할

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

[TS] tsconfig.json

이 파일은 타입스크립트 ts 파일들을 .js 파일로 변환할 때 어떻게 변환할 것인지 자세하게 명시해둔 파일이라고 생각하면 된다.사실 자세한 건 공식 홈페이지에 다 나와있다.https://www.typescriptlang.org/tsconfig근데 나같이 체리픽

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

[React] Hooks

Hooks란 리액트 16.8 버전에서부터 새로 도입된 기능으로서기존 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해준다.과거 클래스형 컴포넌트에서 함수형 컴포넌트로 많이 이동하게된 이유이고, 리액트 공식 홈페이지에서도 함수형 컴포넌트의 사용을 권장하고

2022년 12월 26일
·
0개의 댓글
·
post-thumbnail

[JS] this

🔎 this란 ? > this는 함수를 호출한 객체이디.

2022년 12월 19일
·
0개의 댓글
·
post-thumbnail

[JS] 유니온 파인드(Union-find)

그래프 알고리즘으로서 두 노드가 같은 그래프에 속하는지 판단하는 알고리즘이다.각 집합이 서로 공통 원소를 가지지 않는 서로소 집합 혹은 상호 베타적 집합이 구해진다.합집합 찾기라는 의미를 가진다.크게 3가지의 과정을 거치게 된다.Initialization(초기화) :

2022년 12월 14일
·
0개의 댓글
·
post-thumbnail

[JS] 우선순위 큐 (Priority Queue)

2022년 12월 10일
·
0개의 댓글
·
post-thumbnail

[JS] String() 과 toString()의 차이

저는 항상 String()을 사용하여 캐스팅을 했는데, 옆 자리 동료가 toString()을 통해 캐스팅 하는 것을 보고 문득 차이가 궁금해져서 알아보았습니다.두 함수는 사실 근본적인 차이점이 있었습니다.✅ String() :인자로 들어온 모든 것들을 문자열로 한번 감

2022년 12월 10일
·
0개의 댓글
·

[Web] TLS HandShake

아래 게시글을 읽고 난 뒤 해당 포스팅을 보시면 이해하시는데 조금 더 도움이 될 것 같습니다. > https://velog.io/@qltkd5959/Web-HTTPS%EB%9E%80 🔎 TLS 핸드쉐이크란 ? 클라이언트가 웹 서버의 무결성을 확인하고 대칭키를

2022년 12월 6일
·
0개의 댓글
·
post-thumbnail

[Git] git pull 실패 오류 - You have not concluded your merge (MERGE_HEAD exists)

위 스크린샷처럼 git pull을 하려하였으나 오류가 발생하였고, 해당 오류를 어떻게 처리하였는지 포스팅 하려한다.바로 직전 pull 시 머지를 시도했지만 conflict 가 발생하여 충돌 상태일 경우 발생함.충돌 상태를 해결하기충돌을 해결하였으니 다시 commit 을

2022년 12월 6일
·
0개의 댓글
·
post-thumbnail

[TS] 타입스크립트란 무엇인가?

타입스크립트를 공부하며 학습한 부분들을 복습할 겸 포스팅한 내용입니다.자바스크립트는 현재 아래와 같이 세 종류가 있습니다.웹 브라우저에서 동작하는 표준 자바스크립트인 ES5매년 새로운 버전을 발표하는 ESNext (ES6 , ES7 ... )ESNext에 타입 기능을

2022년 12월 3일
·
0개의 댓글
·
post-thumbnail

[WEB] 웹 접근성과 웹 표준

웹 접근성과 웹 표준에 대하여 알아보자.

2022년 12월 1일
·
0개의 댓글
·
post-thumbnail

[JS] 실행 컨텍스트를 통한 호이스팅과 스코프의 이해

실행 컨텍스트에 대하여 알아보자.

2022년 11월 23일
·
0개의 댓글
·
post-thumbnail

[Web] HTTPS란

HTTP의 보안이 강화된 버전으로 HTTP를 기반으로 하여 웹 서버와 통신을 하되 암호화 통신을 위한 별도의 협의 과정을 거치게 되며 협의과정에서 SSL/TLS 프로토콜을 사용하여 암호화하게 됩니다.현재 우리가 쓰는 웹은 원래 정보의 전달만을 목적으로 세상에 나왔다는

2022년 11월 20일
·
1개의 댓글
·