프론트엔드 성능 향상

성능은 시간과 리소스로 측정한다동일한 리소스에서 얼마나 빠르게 동작하는가파일 다운로드최신 브라우저는 대체로 한 도메인당 6개의 접속만 동시 처리하고, 6개를 초과하는 파일은 queue에 대기하게 되어 다운로드 지연이 발생할 수 있다.성능향상1. 파일 수와 용량을 작게

2021년 7월 22일
·
0개의 댓글

[Git오류] fatal: Authentication failed for ...

오류발생상황오류메시지해결방법검색해보니 이 명령어를 입력하면 다들 해결이 되었는데, 나는 어째서인지 계속 Permission denied만 돌아왔다. 왜... 어째서...?찾아보니 global 영역 설정이 문제를 일으킨 경우 --global로 처리해야 한다. 위에서 해결

2021년 7월 22일
·
0개의 댓글

[JS코테.Lv3] Programmers : 베스트앨범

문제 (링크)스트리밍 사이트에서 장르 별로 가장 많이 재생된 노래를 두 개씩 모아 베스트 앨범을 출시하려 합니다. 노래는 고유 번호로 구분하며, 노래를 수록하는 기준은 다음과 같습니다.속한 노래가 많이 재생된 장르를 먼저 수록합니다.장르 내에서 많이 재생된 노래를 먼저

2021년 7월 19일
·
0개의 댓글

[JS코테.Lv1] Programmers : 신규아이디 추천 (정규표현식)

문제 (링크)다음은 카카오 아이디의 규칙입니다.아이디의 길이는 3자 이상 15자 이하여야 합니다.아이디는 알파벳 소문자, 숫자, 빼기(-), 밑줄(\_), 마침표(.) 문자만 사용할 수 있습니다.단, 마침표(.)는 처음과 끝에 사용할 수 없으며 또한 연속으로 사용할 수

2021년 7월 17일
·
0개의 댓글

MobX 간단하게 사용하기 (함수형)

MobX란 MobX는 React에서 사용 가능한 전역상태관리 라이브러리입니다. state나 useState를 이용해서 상태관리가 가능하지만 MobX를 사용하면 전역에서 관리하면서 반응적 업데이트가 가능합니다. MobX Overview (@)observable Obs

2021년 7월 17일
·
0개의 댓글

[JS코테.Lv1] Programmers : 실패율

문제 (링크)실패율을 구하는 코드를 완성하라. 실패율은 다음과 같이 정의한다.스테이지에 도달했으나 아직 클리어하지 못한 플레이어의 수 / 스테이지에 도달한 플레이어 수전체 스테이지의 개수 N, 게임을 이용하는 사용자가 현재 멈춰있는 스테이지의 번호가 담긴 배열 stag

2021년 7월 15일
·
0개의 댓글

[JS코테.Lv1] Programmers : 약수의 개수와 덧셈

문제 (링크)두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 solution 함수를 완성해주세요.작성 답안

2021년 7월 15일
·
0개의 댓글

[JS코테.Lv1] Programmers : 예산

문제 (링크)S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 없습니다. 그래서 최대한 많은 부서의 물품을 구매해 줄 수 있도록 하려

2021년 7월 15일
·
0개의 댓글
post-thumbnail

[JS코테.Lv1] Programmers : 키패드 누르기

너무너무 어렵게 풀었는데 정말 Lv1이 맞나요...?문제(링크)이 전화 키패드에서 왼손과 오른손의 엄지손가락만을 이용해서 숫자만을 입력하려고 합니다. 맨 처음 왼손 엄지손가락은 \* 키패드에 오른손 엄지손가락은 엄지손가락은 상하좌우 4가지 방향으로만 이동할 수 있으며

2021년 7월 15일
·
0개의 댓글

[JS코테.Lv1] Programmers : 크레인 인형뽑기게임

function solution(s){ let answer = true; let arrS = [...s];// spread를 사용해서 s를 배열에 하나씩 나눔 let left = 0; // "("을 위한 변수 if(arrS[0] ===

2021년 7월 15일
·
0개의 댓글

[JS코테.Lv1] Programmers : 모의고사

문제 (링크)작성 답안👍 수포자 답안 패턴도 코드로 작성해야 하나 했는데 다른 사람들 코드를 보니 다들 비슷하게 풀었던 것 같다. 어차피 map 돌면서 차례대로 넣은 거라 return문에 sort()는 없어도 될듯.

2021년 7월 15일
·
0개의 댓글

브라우저 동작 원리

브라우저의 핵심 기능은 사용자가 참조하고자 하는 웹페이지를 서버에 요청(Request)하고 서버의 응답(Response)을 받아 브라우저에 표시하는 것 브라우저의 기본 구조 User Interface : 요청한 페이지를 보여주는 창을 제외한 브라우저의 모든 부분 B

2021년 7월 9일
·
0개의 댓글

Cross-Origin Resource Sharing (CORS) : 각종 CORS Error의 원인

교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제입니다. 웹 애플리케

2021년 7월 9일
·
0개의 댓글

코어자바스크립트 02-03

02 실행컨텍스트 > 실행컨텍스트 : 실행할 코드에 제공할 환경정보를 모아놓은 객체 환경정보 : 동일환경에 있는 코드를 실행할 때 필요한 정보 Environment Record : '현재' 컨텍스트와 관련된 식별자 정보가 저장 식별자 정보 : [ 매개변수, 내부에 선

2021년 7월 4일
·
0개의 댓글

HTTPS 사용하기 (AWS EC2, Route53, Load Balancer)

HTTPS (HTTP Secure)HTTP는 브라우저와 서버가 정보를 평문으로 전송하기 때문에 보안 문제가 발생할 수 있습니다. HTTPS는 이 취약점을 보완하여 클라이언트-서버가 암호화 통신 채널을 설정한 후에 HTTP 메시지를 전송합니다.HTTPS는 다음 세 가지

2021년 6월 30일
·
0개의 댓글

Prettier 작동 오류

#Prettiernotworking #Prettier안돼요 VSCode 사용자의 친구 Prettier는 처음부터 몰랐으면 모를까 한 번 쓰게 되면 없이는 살 수 없는 소중한 확장기능이다. 진짜 꼭 있어야 하는 ( 디바이스 변경 등 VSCode 재설치 시 무조건 가장 먼저 내려받는! ) 확장기능 중 하나인데, 요 며칠 작동하지 않아서 아주 큰 고통을 받았다...

2020년 10월 15일
·
0개의 댓글
post-thumbnail

CoreJavaScript (05) 클로저

이 포스트는 정재남 님의 저서 코어자바스크립트의 Chapter 5. 클로저에 기반합니다.스스로 이해하고 기억하기 위한 기록이며, 책은 사서 읽읍시다!클로저는 자바스크립트 고유의 개념이 아니라 여러 함수형 프로그래밍 언어에서 나타나는 보편적 특성입니다.함수를 선언할 때

2020년 9월 6일
·
0개의 댓글
post-thumbnail

CoreJavaScript (04) 콜백함수

이 포스트는 정재남 님의 저서 코어자바스크립트의 Chapter 4. 콜백함수에 기반합니다. 스스로 이해하고 기억하기 위한 기록이며, 책은 사서 읽읍시다! Chapter 04. Callback Function Callback Function의 정의 다른 코드의 인자로

2020년 9월 4일
·
0개의 댓글
post-thumbnail

StateManagement

React State의 불변성을 무시한 예시⭐️ Selected 배열을 다른 Component의 데이터와 취합해 BackEnd로 전달하기 위해 selected가 변경될 때마다 sessionStorage에 저장하는 function을 만들었다. 그런데 selected에 추가될 때는 잘 실행되던 function이 삭제할 때는 미동도 없는 현상이...? S...

2020년 8월 29일
·
0개의 댓글
post-thumbnail

React Redux

React와 Redux : 개발의 복잡성을 낮춰주는 시스템 |React|Redux| |:--|:--| |Component를 이용하여 체계적인 Application을 만들 수 있다|State 중앙관리를 통해 데이터의 변형 가능성을 낮춰준다.| |집집마다 소문이 퍼지는 것처럼 변화 발생 시 연결된 모든 컴포넌트로 전달|언론사에서 방송하는 것처럼 변화 발생...

2020년 8월 23일
·
0개의 댓글