[알고리즘] Sums of Parts

Let us consider this example (array written in general format): ls = [0, 1, 3, 6, 10] Its following parts: ls = [0, 1, 3, 6, 10] ls = [1, 3, 6, 10] ls = [3, 6, 10] ls = [6, 10] ls = [10] ls = [] The corresponding sums are (put together in a list):[20, 20, 19, 16, 10, 0] The functionparts_sums(or its variants in other languages) will take as parameter a listlsand return a list of the sums of its ..

→2021.05.21

개발/Javascript

[알고리즘] Find The Parity Outiler

You are given an array (which will have a length of at least 3, but could be very large) containing integers. The array is either entirely comprised of odd integers or entirely comprised of even integers except for a single integerN. Write a method that takes the array as an argument and returns this "outlier"N. Examples [2, 4, 0, 100, 4, 11, 2602, 36] Should return: 11 (the only odd number) [16..

→2021.05.20

개발/Javascript

완전 쌩 초짜가 FE개발 공부할때 읽기 좋은책

내가 FE개발자가 되기위해 읽었던책 중 가장 쉽게 읽히면서도 프로그래밍적 사고와 문법을 초보자가 부담없이 접근할수있었던 책 일단 내가 초보자이기도 했고, 그림으로 이해력 부족한 나를 잘 도와줬던거같다. 쌩 초보자가 읽고나서 프로그래밍이 뭔지 자바스크립트가 어떻게 돌아가는지 정도를 맛 볼수있는 책

→2021.04.05

개발/React

React-Swiper로 미리보기 input file 구현 하다 겪은 문제

이미지 추가를 누르면 추가된 file 데이터를 reader.readAsDataURL(file);로 base64로 변환후 미리보기 기능을 구현해줬다. 기능 구현후 이상없이 잘 작동하나 싶었지만 현재 UI가 전체 넓이를 넘어가면 swiper 되어야하는 요구사항이 들어가서 react-swiper 를 사용하였다. 문제는 각 리스트의 넓이가 auto이며 무한 loop가 아니어서 그런지 4번째 이미지처럼 가로로 엄청 긴 이미지가 들어가면 translate값을 제대로 계산하지 못해서 스와이프가 끝까지 되지않는 현상이 발생했다. 공식문서로 가서 api를 읽던준 swiper.update()로 해당 현상을 해결할수있을꺼라 생각했지만 해결되어질 기미가 보이지 않았다. window창이 리사이징되면 translate값이 다시 ..

→2021.04.05

개발/HTML,CSS

<meta> 태그 정리

html 에서 중요한 meta에 대해 정리하겠습니다. 우선 meta태그는 태그 안에 쓰이며 문서 그 자체를 설명하는 태그랍니다. 하나씩 살펴보겠습니다 첫째, 문자 인코딩에 대한 meta태그 입니다.charset는 보통 utf-8을 많이 사용합니다.그 이유는 한글 때문입니다. 둘째, 검색에 영향을 끼치는 태그입니다.요즘에는 검색방식이 바뀌어서 그렇게 까지 영향을 끼치지 않습니다. 셋째, 페이지 설명을 입역하며 정보파악을 할수있게합니다. 최대 155자를 입역가능하다네요. 넷째, http://http:xxxxx.com/xxxx"> 일정 시간이 지나면 페이지 새로고침이 됩니다. 다섯째, 아이폰떄문에 사용하는 meta태그 입니다. 전화번호와 같은 형식이면 문자열을 감지하고 전화를 걸 수 있는데,위와 같은 태그가 ..

→2020.11.23

개발/HTML,CSS

CSS 방법론 Bem 표기법에 대해서 알아보자~!!

사실을 직시하자. 우리는 우리가 작성하는 코드가 읽기 쉬웠으면 한다. 그렇게 되면 더 빨리 그리고 더 효율적으로 일을 하는데 도움이 되고, 다른 개발자가 합류한다 하더라도 명확성과 일관성 있는 의미론을 유지할 수 있다. 요즘에는 CSS세계(OOCSS, SMACSS, BEM 등)에 표준도 많고 그에 따른 용어들도 아주 많은 것 같다. 다 이러한 것들이 CSS 구조를 개선시키기 위한 방법론인 것이다. 그래서 오늘은 BEM 방법론을 다루어 보겠다. BEM은 Block Element Modifier의 약자이다. 이것은 문제의 요소에 대한 속성에 근거하는 클래스의 이름을 짓는데 구조적인 방법을 제시한다. 만약 header__form—email과 같은 클래스명을 본적이 있다면, 그렇다! 이것이 바로 BEM 방버론을..

→2020.11.17