스켈레톤 컴포넌트는 데이터를 가져오는 동안 콘텐츠를 표시하는 컴포넌트이다. 사용자는 콘텐츠를 기다리다가 쉽게 지치고 지루함을 느끼므로 단순히 흰색 화면만 보여준다면 많은 사람들은 사이트를 떠나게 될 것이다.이런식으로 유튜브의 썸네일과 제목정보가 올라오기전에 회색으로 띄

자바스크립트에서는 총 7개의 타입을 제공한다.크게 원시타입과 객체타입을 나뉘며 원시객체안에서는 6개의 타입으로 나눌수있다.원시타입숫자타입 : 숫자 정수와 실수 구분없이 하나의 숫자타입만 존재문자열 타입 ; 문자열불리언 타입 : true,falseundefined 타입:

이번에는 자바스크립트에서의 변수에 대해서 알아보려고 한다.먼저 변수란 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 혹은 그 메모리 공간을ㄹ 식별하기 위해 붙인 이름이다. 즉, 값의 위치를 가르키는 상징적인 이름이다.변수에서 값을 저장하는 것을 할당 이라고 하며

미세먼지를 제거하기 위해 구사과는 공기청정기를 설치하려고 한다. 공기청정기의 성능을 테스트하기 위해 구사과는 집을 크기가 R×C인 격자판으로 나타냈고, 1×1 크기의 칸으로 나눴다. 구사과는 뛰어난 코딩 실력을 이용해 각 칸 (r, c)에 있는 미세먼지의 양을 실시간으

N×N크기의 땅이 있고, 땅은 1×1개의 칸으로 나누어져 있다. 각각의 땅에는 나라가 하나씩 존재하며, r행 c열에 있는 나라에는 Ar명이 살고 있다. 인접한 나라 사이에는 국경선이 존재한다. 모든 나라는 1×1 크기이기 때문에, 모든 국경선은 정사각형 형태이다.오늘부

스타트링크의 사무실은 1×1크기의 정사각형으로 나누어져 있는 N×M 크기의 직사각형으로 나타낼 수 있다. 사무실에는 총 K개의 CCTV가 설치되어져 있는데, CCTV는 5가지 종류가 있다. 각 CCTV가 감시할 수 있는 방법은 다음과 같다.1번 CCTV는 한 쪽 방향만

총 8개의 톱니를 가지고 있는 톱니바퀴 4개가 아래 그림과 같이 일렬로 놓여져 있다. 또, 톱니는 N극 또는 S극 중 하나를 나타내고 있다. 톱니바퀴에는 번호가 매겨져 있는데, 가장 왼쪽 톱니바퀴가 1번, 그 오른쪽은 2번, 그 오른쪽은 3번, 가장 오른쪽 톱니바퀴는

크기가 N×M인 지도가 존재한다. 지도의 오른쪽은 동쪽, 위쪽은 북쪽이다. 이 지도의 위에 주사위가 하나 놓여져 있으며, 주사위의 전개도는 아래와 같다. 지도의 좌표는 (r, c)로 나타내며, r는 북쪽으로부터 떨어진 칸의 개수, c는 서쪽으로부터 떨어진 칸의 개수이다

'Dummy' 라는 도스게임이 있다. 이 게임에는 뱀이 나와서 기어다니는데, 사과를 먹으면 뱀 길이가 늘어난다. 뱀이 이리저리 기어다니다가 벽 또는 자기자신의 몸과 부딪히면 게임이 끝난다.게임은 NxN 정사각 보드위에서 진행되고, 몇몇 칸에는 사과가 놓여져 있다. 보드

로봇 청소기가 주어졌을 때, 청소하는 영역의 개수를 구하는 프로그램을 작성하시오.로봇 청소기가 있는 장소는 N×M 크기의 직사각형으로 나타낼 수 있으며, 1×1크기의 정사각형 칸으로 나누어져 있다. 각각의 칸은 벽 또는 빈 칸이다. 청소기는 바라보는 방향이 있으며, 이

사용자 인터페이스 : 요청한 페이지를 보여주느 창을 제외한 나머지 모든 부분브라우저 엔진 : 사용자 인터페이스와 렌더링 사이의 동작을 제어렌더링 엔진 : 요청한 콘텐츠를 표시한다, html요청시 html,css를 파싱해서 화면에 보여준다.통신 : http요청과 같은 네

이번에 알아볼 이슈는 node sass version 6.0.1 is incompatible with ^4.0.0 이 에러이다. Create-react-app 을 npm start 할시 자주 볼수 있을것이다. 이것은 말그대로 현재 package.json 에 설치되있는

이번에 풀어볼 문제는 메뉴 리뉴얼이다. 문제를 처음 보자마자 생각한것이 각각의 powerSet을 만들어서 구현한뒤 새로운 배열에 그 값이 있다면 count를 1올리고 없다면 새로운 배열에 추가하는 풀이 였다.그리고 javascript로 알고리즘 풀면서 최대한 for문을

이번 문제는 문제에서 주어진대로 문자열처리를 그대로 구현해내기만 하면 됬다.이번에 이 문제를 풀면서 메서드 체이닝에 좀더 익숙해지게 되었다.카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담

이번에 볼 문제는 카카오 블라인드 테스트 2020년의 괄호변환 문제이다문제설명카카오에 신입 개발자로 입사한 "콘"은 선배 개발자로부터 개발역량 강화를 위해 다른 개발자가 작성한 소스 코드를 분석하여 문제점을 발견하고 수정하라는 업무 과제를 받았습니다. 소스를 컴파일하여

이번 이슈는 파이어베이스의 storage에 이미지를 저장한뒤에 그걸 불러와서 src로 이용할때 생기는 CORS 에러에 대해서 알아보려고 한다.CORS는 Cross-Origin Resource Sharing 의 약자이며 한 출처에서 실행중인 웹 애플리케이션이 다른 출처의

이번에 보게된 이슈는 이미지 리사이징이다.하고있는 프로젝트에서 프로필사진을 동그란모양의 중간에 올수있도록 설정을 하고 싶어서 자바스크립트로 이미지 리사이징 하는법을 알아보았다.이미지의 실제 비율과 똑같이 유지하면서 이미지의 실제크기를 변경을 할수가 있다. 이미지를 큰사