✅Vue

✅ HOF와 HOC HOF >High Order Function(높은 순서의 함수를 먼저 실행) 클로져 클로져 클로져 함수리턴 >- 예시코드 onClick={onClickPage("철수")(event)} 뒤의 () 한 개는 자바스크립트에서 실행하여 event가 들어간

패턴을 이용하여 문자 검색(Search), 문자 대체(Replace), 문자 추출(Extract)한다.성능은 느리지만, 보통 짧은 글에서 사용하고 편해서 성능이 큰 이슈가 되지 않는 경우에 많이 사용된다.정규표현식 테스트 하러 가기정규표현식을 사용하기 위해선 패턴을 찾

🧨 알아두어야할 기본 지식 CSS (Coded Character Set) 문자들을 Code Point(정해놓은 정수 값)에 대응시켜 만든 코드화된 문자들의 집합 Code Point는 Character의 식별자 KS C 5601, ISO 10646(국제 표준), US

스크립트 파일 간의 통신을 위해 전역 스코프에 존재하는 변수와 함수를 사용해야 했다. 즉시 실행 함수들로 전역스코프가 오염되는 것을 어느정도 막을 수 있었지만, 스크립트 파일간의 의존도를 파악하기가 힘들고, 실행 순서를 제어해야 한다는 한계점이 존재하였다. 이러한 점을

닿을 수 없는 주소를 더 이상 필요없는 주소로 정의하고 지우는 알고리즘객체에 속성이 있는지 확인하기 위한 연산자Control Flowif / Then / Else거짓으로 표현되는 것들false, undefined, null, 0, NaN, ""(empty string)

✅ 통신 과정 웹 브라우저에 렌더링 되는 과정보다는 통신을 하며 데이터를 받아오는 과정을 중점으로 공부를 깊게 하고자 글을 작성하였다. 전체적인 과정은 DNS서버 👉 TCP/IP 👉 렌더링 과정으로 이루어 진다. 렌더링 부분을 알고 싶다면 👉 여기를 클릭

✅ 도커 내용 >내컴퓨터에 내컴퓨터 하나 더! 가상머신의 운영체제는 똑같이! 도커 : 부팅 등 운영체제의 핵심 기능(커널)을 공유하는 가상머신 윈도우에서는 WSL (window subsystem for Linux)를 깔아야함. 도커를 주면 그냥 바로 신입사원도 개발

✅ 의존성 역전 원칙 유연성이 극대화된 시스템 추상에 의존하며 구체에는 의존하지 않는 것을 의미한다. 추상 - interface 구체적인 구현 방법이 포함되어 있지 않은 형태를 의미한다. 구체 구체적인 일련의 동작과 흐름을 의미한다. 이런 구체적인 동작들은 굉장히

✅ 소프트웨어 테스트 소프트웨어 테스트 종류 Unit test >유닛 테스트는 테스트중에서 가장 로우 레벨이며, 가장 작은 범위를 테스트합니다. 유닛 테스트는 개별 함수, 메서드, 클래스, 컴포넌트 등의 동작을 테스트합니다. 유닛 테스트는 제일 간단한 형태의 테스

✅ Context Api 내용 >일반적으로 리액트에서 데이터를 전달하는 기본 원칙은 단방향성이다. 그 말은 부모 컴포넌트에서 자식 컴포넌트 방향으로만 데이터를 전달할 수 있다는 의미이다. 컴포넌트의 구조를 잘 설계하고 합성을 적극적으로 활용해 데이터를 계속해서 넘겨줘

✅ 라이프 사이클 ✅ class 컴포넌트 ✅ useEffect() 의존성 배열 clean up function return () => clearInterval(intervalID) 다음 이펙트가 시작하기 전에 실행되는 함수 unmount가 되었을 때 실행 s

✅ 성능 최적화 전에 알면 좋은 것 ❓ 브라우저 주소창 결국은 api get을 이용한다. 비교 >- 브라우져 ⇒ 가지고온 데이터(HTML)를 그림으로 바꿔주는 것이다. >- 포스트맨 ⇒ 요청 했을 때 데이터만 받아오는 것이다. >- axios ⇒ 프로그램 상에

✅ Next Pre-rendering >웹 페이지의 HTML을 서버에서 미리 생성하는 작업을 말한다. 브라우저에 전달하여 빠르게 구조를 먼저 보여준다. React 프로젝트를 Next.js를 통해 프리렌더링을 하면 빈 HTML 대신 프리렌더링된 HTML 파일을 제공하므

CI / CD Continuous Integration 코드와 코드가 합쳐졌을 때, 코드가 제대로 돌아가는지 확인 했을때, 진정한 통합이 이루어진 것 Continuous Delivery 유저가 사용할 수 있는 곳에 배포 하는 것 CI / CD 파이프라인 구축을

✅ 스코프 scope 변수 참조의 유효범위로 전역 스코프, 지역스코프와 나뉘어 지는데, 지역 스코프는 안에서 추가로 함수 레벨 스코프, 블록 레벨 스코프로 나뉘어 진다. 개발자 모드의 source 탭에서 확인이 가능하다. 전역 스코프 (global) >✌️ 전역 스코

함수 선언식(호이스팅에 영향을 받음 - 위로 끌어올려져 실행) function ham(name){ console.log(name+”님 안녕하세요”) } 함수 표현식(익명함수 할당) const hello = function(name){ alert(name+”님

export default qqq default는 하나만 가능 import qqq from ‘’ qqq는 마음대로 변경가능 export const zzz =’’ export const sss =’’ export는 골라서 가져오기 컨테이너(js) / 프리젠테이셔널(

✅ 웹 에디터를 사용하는 이유 위지위그(WYSIWYG) >What You See Is What You Get 보는대로 얻는다. 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식으로, 기존의 textarea같은 일반적인 텍스트가 아니다.

29 부분에서 확인 함수의 인자로 들어가는 함수 => 콜백함수 [1,2,3].map(()=>{}) 이 함수를 인자로 줄테니실행시켜줘 함수의 실행 권한을 넘기는 것. 콜백함수 promise await로 진화 ✅ Callback ✅ Promise .then 실행 순