MovieList 미션을 진행하면서 영화 상세 모달을 구현할 때에 줄거리가 길 경우 overflow : scroll로 처리하였다. 기본 스크롤 디자인이 마음에 들지 않아 스크롤 스타일링에 대하여 알아보고 적용하였다. 따라서 오늘은 ::-webkit-scrollbar를

html, css, javascript를 활용한 SPA 만들기 두 번째 미션을 진행했다.첫 번째 미션에서는 흔히 알려진 템플릿 메서드를 활용하여 구현했었는데 그렇게 구현하다보니 렌더링 최적화를 구현하는데 많은 어려움을 겪었고 오버라이딩 되는 문제가 발생했다. 그리고 상

Cypress로 어떻게 E2E테스트를 진행하는지에 대해서 간단한 예시를 통해 알아보자.it을 통해 작은 테스트를 작성할 수 있고 이를 묶어 주는 기능을 describe가 한다.테스트 코드를 작성하기에 앞서 테스트할 url이 정상적으로 작동하는지 확인한다. 그리고 해당

우아한테크코스를 시작한지 일주일되는 날이다. 이제 막 온보딩 미션이 끝나고 두번째 페어프로그래밍을 시작하게 되었다. 페어가 비흡연자였다면 오늘이 금연시작일이었을텐데... 그렇게 나의 금연계획은 무산되는건지 모르겠다;; 새로운 페어를 만나 다시 새로운 규칙들을 만들고 적

4주간의 프리코스를 끝내고... 최종코딩테스트 대상자 발표를 기다리며 쉬엄쉬엄 코딩테스트를 준비했다. 솔직히 경쟁률이 10대1이라서 큰 기대를 안했기에 열심히 했다고 자부할 수 없다. 발표날이 되었고 대상자로 선정되었다는 메일을 받았다. 후... 기뻐서 소리를 질렀다ㅋ

기능구현을 빠르게 끝내고 요구사항인 10줄 넘기지 않기를 지키기 위해 리팩토링에 노력을 하였다. 일단 길게적더라도 기능구현을 마친 다음에 라인줄이기 작업에 들어갔다. 작은 기능들을 쪼개서 메서드로 구현을 하였음에도 10줄을 넘는 것들이 꽤나 있었다. 그 이유로는 파라

이번 과제는 클래스 분리에 초점을 맞추어 과제를 수행했다. 큰 기능을 중심으로 클래스를 분리하였고 어떤 기능인지를 명확하게 이해할 수 있도록 이름을 지었다. 그 과정에서 구매금액에 대한 로또를 발급하는 기능을 'LottoMachine'이라고 지었는데 자동발급기계를 연상

프리코스 2주차... 내가 이걸 해결하다니 스스로가 자랑스럽다.구현기능목록을 작성하고 쭉쭉 이어나가다가 어느 한부분에서 막혀 이틀을 걸쳐 사투를 벌였다. 구글, 유튜브 등에서 자료를 찾아보고 여러 방법으로 시도했지만 씨알도 안먹혔었다. 그러다가 '이렇게 한번 해볼까'하

Jest는 zero config 철학을 가지고 있어 별도의 설정없이 빠르게 테스트 케이스를 작성할 수 있다고한다. 자바스크립트 코드를 테스트 하기위한 많은 프레임워크가 있지만 Jest가 최근동안 시장점유율이 높은 것으로 나타난다. 자 그럼 우선 설치부터해보자.설치가 끝

우테코 프리코스 1주차 과제를 받았다. 코딩테스트 문제를 풀어보는 것이 과제인데, 어려운 난이도는 아니었다. 자바스크립트를 공부했다면 풀 수 있는 문제인데, 얼만큼 효율성있게 코드를 작성하느냐가 관건이지 않을까 싶다. 모든 문제를 통과하였지만 조금더 면밀하게 체크하여

테일윈드를 사용하여 스타일링을 하면서 비효율적인 방식으로 className을 사용하다 프로젝트를 통해 코드를 줄일 수 있는 방법에 대해 알게되었다. 기존에는 이런 식으로 동일한 부분을 중복해서 코드를 작성했었다.className이 짧으면 크게 상관이 없을지는 몰라도 길

파이썬을 다시 공부하기 시작했다.이렇게 풀었지만 array.count(n)함수를 사용하면 더 간략하게 코드를 작성할 수 있었을 것이다. 이 함수를 외워두자!

이 문제를 풀고나서 자바스크립트로 코딩테스트를 준비하는 것에 대한 염증을 느꼈다. 이 문제를 계기로 파이썬으로 코딩테스트를 준비하려고 한다. 자바스크립트의 단점을 느낀게 나눗셈을 할때 parseInt() 혹은 Math.floor를 이용해야하는 단점과 길게 써야하는 fo

이 문제는 쉽게 풀 수 있었다.다른 인기 많은 풀이를 보았는데 제곱근이 정수면 약수의 갯수가 홀수인 점을 알고 Number.inInteger(Math.sqrt(i)) 라는 메서드를 사용하셨다. 이렇게 사용하려면 수학과 정도 되어야 풀 수 있는게 아닌가 싶으면서도 멋있었

정말 긴 시간을 고민했던 문제이다.0부터 9까지의 숫자가 들어있는 numbers라는 배열에서 0부터 9까지 숫자중에 없는 숫자를 찾아서 더해주면된다.나의 풀이는 이러하다애초에 answer를 0부터 9까지 숫자의 합으로 설정을 하였고 for문과 동일한 역할을 하는 for

https://school.programmers.co.kr/learn/courses/30/lessons/82612 이 문제 입니다. 문제풀이

티스토리에서 벨로그로 이전하며 옮긴 글입니다.두 데이터 혹은 정보의 소스를 일치시키는 기법으로, 화면에 보이는 데이터와 브라우저 메모리에 있는 데이터(여러개의 자바스크립트 객체)를 일치시키는 것을 말한다.예를 들어, MVC 모델에서 model과 view를 서로 묶어 m

https://bettercallkim.tistory.com/12티스토리에 있던 과거 회고록을 옮겼습니다.유사 배열 객체는 마치 배열처럼 인덱스로 프로퍼티 값에 접근할 수 있고, length 프로퍼티를 갖는 객체를 말한다.유사 배열 객체는 마치 배열처럼 for

자바스크립트에서 값은 문자열이나 숫자형에 속한다. 8가지의 자료형이 있는데 함께 알아보도록 하자.숫자형은 정수 및 실수를 나타낸다.뿐만 아니라 infinity, -infinity, NaN도 포함된다.let a = 2a = 1.5a = -1/3자바스크립트에서는 2^53-

https://bettercallkim.tistory.com/11티스토리에서 벨로그로 이전하며 옮긴 글입니다.이번 주차에는 자바스크립트에 대한 공부를 이어왔다. 프로그래머스의 코딩 테스트 문제를 풀며 알고리즘에 대한 사고력도 기를 수 있었다. ES6 전의 sy