From Good Enough YounGyeom

Keep it fresh!

[ITtips]2021년 5월 셋째주

목차 📙 블로그 개발자를 위한 금융 지식과 핀테크 🎥 영상 모두를 위한 컴퓨터과학(CS50 2019) by David J. Malan 🖥 오픈소스 코드스테이츠 그룹프로젝트 깃허브 저장소 🔗 유용한 링크 Miro Frontend Mentor 📙 블로그 개발자를 위한 금융 지식과 핀테크 개발자를 위한 기초 금융 지식과 핀테크에 대해서 정리해 놓은 블로그이다.…

[JavaScript] 배열 함수

목차 reduce reduce method의 3가지 매개변수 예시 기본형 빈 배열 Reference reduce 는 ,, 모든 메서드를 대체할 수 있는 유연하고 강력한 메서드이다. ,,로 구현할 수 있는 문제라면 로도 구현할 수 있다. reduce()의 콜백함수에서 리턴되는 값은 누적된 결과값이다. 배열.reduce((누적값, 현잿값, 인덱스, 요소)…

[JavaScript] 배열 함수 filter()

목차 filter filter method의 3가지 매개변수 예시 기본형 빈 배열 Reference filter 는 배열 각 요소에 결과값이 true인 요소만을 모아서 새로운 배열을 반환하는 메서드이다. 요소들을 특정조건에 걸러지게 만드는 것이 목적이다. filter method의 3가지 매개변수 현재요소로 쓰일 value를 제외하고 나머지는 필수입력…

[JavaScript] 배열 함수 map()

목차 map map method의 3가지 매개변수 예시 기본형 string 추가 연산자 추가 제곱근함수 추가 Reference map 은 어떤 배열을 다른 형태의 배열로 재생산할때 사용하는 반복문이다. 배열의 에게 으로 하고 싶을 때 사용한다. array.map(callbackFunction(currenValue, index, array), thisA…

[React] Switch 컴포넌트

목차 Switch 컴포넌트 Switch 컴포넌트 사용법 Switch 컴포넌트 안에서 route의 순서의 중요성 404 NotFound page 생성하기 Reference Switch 컴포넌트 안에 exact 를 쓰지 않고도 exact 를 써준것과 같은 효과를 낸다. Switch 컴포넌트 사용법 아래와 같이 컴포넌트로 모든 컴포넌트를 묶어주면 컴…

[React] 리액트 라우터(react-router)

목차 Routing 이란? react-router-dom을 사용하지 않은 라우팅의 구현과 문제점 React Router React Router 설치 React Router component 사용하기 React Router로 라우팅 구현 Reference Routing 이란? URL에 따라서 그에 상응하는 화면을 전송해주는 것을 Routing이라고 한다. …

[HTML5] Semantic HTML 작성하기

목차 시맨틱 요소(Semantic Elements) 사용하는 이유 웹 접근성 향상 검색엔진 최적화(SEO: Search Engine Optimization) Layout List Reference 시맨틱 요소(Semantic Elements) 시맨틱 요소(Semantic Elements)는 의미가 있는 요소라는 뜻이다. 따라서 시맨틱 요소를 고려하여 만든…

[Git] VsCode에서 Github 로컬저장소 -> 원격저장소 쉽게 연결하기

를 사용하여 에 쉽게 가 가능하도록 로컬저장소와 원격저장소를 연결시켜보자. 1. Github에서 원격저장소를 생성한다. 1-1. New 버튼을 눌러 원격저장소 생성페이지로 간다. 1-2. 원격저장소의 주소로 쓰일 이름을 지정한 뒤 생성한다. 1-3. 해당부분을 클릭해 원격저장소의 주소를 복사한다. 2. VScode 내에서 원격저장소와 연결…

[TypeScript] TS2583, Cannot find name Set, 오류 해결하기

error TS2583 error : Cannot find name ‘Set’. Do ynd name ‘Set’. Do you need to change your target library? Try changing the lib compiler option to ‘es2015’ or later. 타입스크립트를 다운받고 (typescript compile…

[JavaScript] 비동기처리방식 3. async/await

async/await 란? Promise를 간편하게 동기적으로 실행되는것처럼 보이게 해주는 API이다. 콜백함수와 의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성하게 도와준다. 기본문법 function 앞에 를 붙이고 비동기 작업을 하는 함수에 을 붙이면 된다. async 1. 기존 Promise 방식으로 처리할 경우 를 사용하면 반드시 resolv…