바야흐로 정보의 홍수 시대에서 웹이 갖고있는 정보는 굉장히 방대해졌지만, 그로인해 UI/UX 문제가 빈번히 발생하고 있다.전세계 모든 이용자가 초고속 인터넷을 사용한다면 모르겠는데, 나처럼 돈이 없어서 저속 무제한 금액제를 사용하는 사람들에게는 모든 정보가 오히려 독이

어느덧 2개월차가 되었다. 60명 가량이었던 우리 12기는 어느덧 40명대 사람들만 남게 되었다... 쉬운 과정은 아니지만, 생각보다 많은 사람들이 중도탈락해서 의외이기도 하고 아쉽기도 하였다. 2개월차로 접어들면서 어떠한점이 달라졌고 내가 목표한것이 잘 이루어졌

최소한 나는 너무나 당황스러웠던 전문용어의 연속이다.REST, REST API , RESTful , RESTful API틀린그림 찾기 수준의 단어배열인데, 몰랐던 용어들과 완벽하지는 못하더라도 공부겸 나름 깔끔하게 포스팅 해보았다.REST는 Representationa

웹은 점점 발달하고 편리해짐에 따라 여러가지 문제점이 발생한다. 개인적인 의견으로는 가장 큰 문제는 개인정보 노출의 위협이라고 생각이 든다.개인정보를 통해 우리는 편하게 로그인하고 쇼핑하고 주문하고 메시지를 송수신하는 등 본인임이 인증되었다고 가정하고 진행되는 개인정보

예시 케이스는 통과했는데, 다른 추가 케이스들을 통과하지 못했다. 예외 케이스를 생각하지 못해서 실패했다. 반복문을 2번사용했는데 오류가 있나보다.d.sort()로 d의 배열을 오름차순으로 바꾼다.reduce()메서드로 초깃값이 0인 순회하며 합계한다.초깃값이 0이므로

브라우저 저장소로 우리는 여러가지 일을 할 수 있다. 간단하게로는 팝업창을 다시보지 않기를 누르면 다시 뜨지 않는다던가 아이디 비밀번호를 저장해서 다시 입력하는 번거로움을 줄일 수 있다. 이 두가지 기능들은 언뜻보면 비슷한 원리이지만, 보안 문제와 속도, 기능 이

예시 케이스는 통과했는데, 다른 추가 케이스들을 통과하지 못했다. 예외 케이스를 생각하지 못해서 실패했다. 띄어쓰기까지 구현하지 못했다.문자열의 모든 문자를 소문자로 바꾼다.split()메서드로 띄어쓰기를 기준으로 문자열을 배열로 나눈다.map()메서드를 통해 배열을

자바스크립트는 객체지향 프로그래밍 언어라고 익히 들었을 것이다. 그러고 설명은 항상 붕어빵과 붕어빵틀로 예를들면서, 뭐라뭐라 말을 하는데 항상 나는 이해를 잘 못했다가 이번 기회에 Class을 배우면서 정확하게 알게 되었다. 그놈의 붕어빵 객체지향 프로그래밍 >

toString()메서드를 이용해서 3진법으로 바꾼후 그것을 다시 배열로 바꾼후에 뒤집은 후 다시 10진법으로 바꾸면 될 것 같다.n을 toString(3)을 통해 3진법으로 바꾼다.바꾼 값을 분할 연산자를 통해 배열로 바꾼다.바꾼 배열을 reverse()로 뒤집어준다

예시 1번을 풀지 못해서 실패했다.중복되는 숫자를 없애는거까지는 되었지만, 중복되는 숫자를 지웠지만, 뒤쪽에 한번더 중복되는 숫자데이터들이 있다면, 그 데이터들까지 중복처리되어 없애버리므로, 실패했다.filter()메서드로 데이터 값과 인덱스를 매개변수로 갖는다.데이터

부트캠프에서 하는 개인 미션 프로젝트 중에, "target="\_blank"를 사용해서 새로운 탭으로 접근 할 시 보안상에 문제가 없도록 마크업 하시오" 라는 문구가 있었는데, 생전 처음듣는 말이라 한참 찾아보다가 관련 정보를 블로그로 남기면 좋을 것 같아 포스팅 해본

한달동안 진행한 HTML/CSS 과제를 내가 끝낸것은 아니고 기간이 다되어서 제출하게되었다...누가 쉽다고 그랬냐? 프론트엔드 백엔드 갈라치려고 그런것이 아니라, 정말로 어렵다. 아마 프론트엔드가 쉽다고 하는 타 직군 개발자들은 단순 마크업만 생각해서 그런것일 수도 있

갑자기 팔자에도 없던 중학교 교과를 다시 배웠다. 최대 공약수는 두 수의 약수를 배열로 만든다음에 겹치는 숫자들 중 가장 큰 수가 최대 공약수이고, 최소 공배수는 두 매개변수를 곱하고 최대공약수를 나눈값이 된다. 😏 내 풀이 star라는 빈 문자열을 만든다.

이제 막, flex와 grid에 눈을 뜬 나는, 둘을 사용해서 편하긴 하지만, 막상 쓰려고하면 언제 어떻게 써야할지 막막하다. 그래서, 둘을 상황에 알맞게 써서 사랑받는 주니어 개발자가 될 수 있게끔 이번에 공부해보겠다.Flex는 1차원의 행 혹은 열의 레이아웃을 염두

반응형 작업은 이제 프론트엔드에게는 필수적인 요소다. 절대 떼놓고 생각할 수 없는 존재이지만, 상당히 귀찮고 번거로운 작업인것도 사실이다. 나같은 주니어들은 px만 쓰면서 작업하게 되는 경우가 대다수인데, 이번 기회에 정확히 알고가는게 좋을 것 같아 포스팅 해본다.pi

문자열에 n만큼 \*을 할당해주고, 이걸 m만큼 찍어내면 될것 같다.star라는 빈 문자열을 만든다.반복문안에 반복문으로 m만큼 \*을 star에 할당해준다.star을 n만큼 출력한다.\*을 m번만큼 repeat()한다.n번 만큼 출력한다.

각 더한값을 push해서 배열에 넣어주려고 했는데, 배열안에 배열이 구현이 안되어서 실패했다.매개변수 A을 map매서드로 순회한다.arr1과 idx1을 매개변수로 갖는다.이 매개변수들을 다시 map매서드로 순회한다.순회하면서 얻은 각 값들은 val(A값) + Bidx1

허나 무턱대고 만들면 안된다. 왜 무턱대고 만들면 안되는지 설명하기 전에 CPU와 GPU의 차이를 알고 가야 한다.CPU는 다양한 워크로드, 특히 대기 시간이나 코어당 성능이 중요한 워크로드에 적합합니다. CPU는 강력한 실행 엔진으로서 코어 수가 적으며 개별적인 작업

먼저 방법을 찾아보기 전에 Font를 Preload 하지 않으면 어떤일이 벌어질까?다들 웹 페이지를 이용해보면서 어떤 컨텐츠나 폰트들이 늦게뜨는 현상을 겪어봤을 것이다. 위 이미지는 하필 문장의 중요한 부분인 Not 부분이 늦게 렌더링 되는 바람에 자칫하면 큰 오해를

언제부턴가 나는 IE(Internet Explorer)를 사용하지 않고 Chrome을 애용하고 있다. 그 이유는 간편하기 때문이었다. IE에서는 설치해야하는 플러그인이 굉장히 많은데 Chrome은 그냥 간편하게 이용할 수 있는 웹 사이트가 많았다. 그로 인한 것인지 속