redux는 상태관리도구 입니다. vuex, mobx과 비슷합니다. 상태관리도구는 프론트엔드에서 컴포넌트간의 데이터 전달을 돕는것이라 생각하면 이해하기 수월합니다. vue나 react 와같은 경우, (1) 컴포넌트 재사용을 위해, (2) 상태변화가 일어날때 컴포넌트 단

js에서는 기본 데이터타입을 제외한 모든 것이 객체로 이루어져 있습니다. 이 객체들은 만들어질때, 자신을 만드는 데 사용된 원형인 프로토타입 객체를 이용하여 객체를 만들게 됩니다. 이때 만들어진 객체 속 proto property에 자신을 만들어낸 원형을 의미하는 프로

기존에 gitlab, github, bitbucket등을 비교하면서 제가 주로 사용하는 github에는 어떤 장점이 있을까 고민하던중 최근나온 copilot에대하여 보게 되었고 사용해 보면서 정말 소개해주고 싶다는 생각이 들었습니다.일단 링크github에서 만든 AI기

바닐라 자바스크립트를 이용한 프론트엔드 직무과제를 보았는데 많이 아쉬움이 남아 다음에는 더 잘 풀수 있도록 막혔던 부분을 적어 놓으려 합니다.fetch() 사용fetch 사용하는 것은 크게 어려움이 없을 것이라 생각했는데 form에서 데이터를 가져오고 보내는것에서 오랜

Img tag 이미지 태그 조절 방법 가로기준으로 맞추고 사진을 중심으로 맞추기 (세로는 반응형) object-fit 속성을 이용하여 세팅하기 div로 감싸고 정렬하기 display:block; + margin: auto; background-img vs img 태

코드샌드박스는 웹기반의 온라인 코드에디터 입니다. 웹관련 코딩을 진행할때, 나만의 실행환경을 제공받을 수 있기에 다양한 활용이 가능합니다.git을 통한 소스공유가 번거로울 때git을 통하여 소스를 공유하는 것이 같은 작업을 하는 경우, 편리하지만 실시간으로 핫로딩되지

첫번째 소개시켜드릴 방법은 vscode를 통한 실행환경 만들기 입니다. 저는 다양한 웹관련 작업을 진행할 때, vscode IDE를 사용하는데 이를 통해서 자바스크립트 알고리즘 문제풀이가 가능하여 사용하곤 합니다.vscode에는 node.js 런타임 디버깅 지원기능이

제네레이터 함수는 일반함수와 같이 함수의 코드블록을 한 번에 실행하지 않고 함수 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재시작할 수 있는 특수한 함수입니다.즉, return 값이 iterable한 값이라는 특징이 있습니다.generator 함수는 일시 중지했

모달에서 고양이의 성격, 태생 정보를 렌더링합니다. 해당 정보는 /cats/:id 를 통해 불러와야 합니다.코드를 분석하게 되면 app.js에서 onClick()( imageInfo 즉, 모달창을 보이게 만들어 주는 함수 )이라는 메소드를 정의해서 params로 Sea

문제 > #### 이미지 상세 보기 모달 관련 디바이스 가로 길이가 768px 이하인 경우, 모달의 가로 길이를 디바이스 가로 길이만큼 늘려야 합니다. 필수 이미지를 검색한 후 결과로 주어진 이미지를 클릭하면 모달이 뜨는데, 모달 영역 밖을 누르거나 / 키보드의 ESC

유저가 사용하는 디바이스의 가로 길이에 따라 검색결과의 row 당 column 갯수를 적절히 변경해주어야 합니다.992px 이하: 3개768px 이하: 2개576px 이하: 1개현재 템플릿 코드를 통해 실행시킬 경우 image들이 같은 사이즈로 질서있게 정렬이 된 모습

문제 > 1. 현재 HTML 코드가 전체적으로 로만 이루어져 있습니다. 이 마크업을 시맨틱한 방법으로 변경해야 합니다. 다크 모드(Dark mode)를 지원하도록 CSS를 수정해야 합니다. 2-1. CSS 파일 내의 다크 모드 관련 주석을 제거한 뒤 구현합니다.

프로그래머스 level3 - 하노이의 탑 javascript를 이용한 문제풀이 입니다.

프로그래머스 level3 Summer/Winter Coding(~2018) - 숫자 게임 javascript를 이용한 문제풀이 입니다.

프로그래머스 level3 Summer/Winter Coding(~2018) - 배달 javascript를 이용한 문제풀이 입니다.

프로그래머스 level3 2019 카카오 개발자 겨울 인턴십 - 불량 사용자 javascript를 이용한 문제풀이 입니다.

프로그래머스 level3 summer/winter coding - 기지국 설치 javascript를 이용한 문제풀이 입니다.

프로그래머스 level3 그래프 - 가장 긴 팰린드롬 javascript를 이용한 문제풀이 입니다.

프로그래머스 level3 그래프 - 가장 먼 노드 javascript를 이용한 문제풀이 입니다.

프로그래머스 level3 월간 코드챌린지- 문제 풍선 터트리기 javascript를 이용한 문제풀이 입니다.