오늘의 CODE

Instruction. Write a function, which takes a non-negative integer(seconds) as input and returns the time in a human readable format(HH:MM:SS) HH = hours, padded to 2 digits, range: 00- 99 MM = Minutes, padded to 2 digits, range: 00-59 SS = seconds, padded to 2 digits, range: 00-59 The maximum time never exceeds 359999(99:59:59) You can find some examples in the test fixtures. 음이 아닌 정수(초)를 입력받아 사..

** 번역에 의역과 오역이 충분히 있을 수 있으므로, 가능하신 분들은 그냥 아래의 링크로 가셔서 원문을 읽어보시길 추천합니다~ 3. React + CSS Modules = 😍 CSS Modules and React | CSS-Tricks In this final post of our series on CSS Modules, I’ll be taking a look at how to make a static React site with the thanks of Webpack. This static site will css-tricks.com CSS Modules의 시리즈의 마지막 글에서는, webpack을 토대로 정적 React 사이트를 만드는 방법을 살펴보겠다. 이 정적인 사이트에는 홈페이지와 실제 작동 ..

** 번역에 의역과 오역이 충분히 있을 수 있으므로, 가능하신 분들은 그냥 아래의 링크로 가셔서 원문을 읽어보시길 추천합니다~ Part 2. Getting Started with CSS Module Getting Started with CSS Modules | CSS-Tricks There isn't one single approach with CSS Modules to making the JavaScript templates, the CSS files, or the build steps to make them work. In this post, which css-tricks.com CSS 모듈에는 Javascript 템플릿, CSS 파일 또는 이를 작동시키는 빌드 단계를 만드는 단일 접근 방식이 없다...

** 번역에 의역과 오역이 충분히 있을 수 있으므로, 가능하신 분들은 그냥 아래의 링크로 가셔서 원문을 읽어보시길 추천합니다~ [원문] What are CSS Modules and why do we need them? What are CSS Modules and why do we need them? | CSS-Tricks I’ve been intrigued by CSS Modules lately. If you haven't heard of them, this post is for you. We'll be looking at the project and it's goals and aims. If css-tricks.com 최근들어 나는 CSS 모듈에 흥미를 느꼈다. CSS 모듈에 대해 들어본 적 없다면, ..

** 번역에 의역과 오역이 충분히 있을 수 있으므로, 가능하신 분들은 그냥 아래의 링크로 가셔서 원문을 읽어보시길 추천한다. [원본글] Different Ways to Write CSS in React Different Ways to Write CSS in React | CSS-Tricks We’re all familiar with the standard way of linking up a stylesheet to the of an HTML doc, right? That’s just one of several ways we’re able to css-tricks.com 우리는 HTML파일의 태그 내부에서 stylesheet를 연결하는 방법에 친숙하다. 그것은 CSS를 작성할 수 있는 여러가지 방법 중 하..

Description. Write a function named first_non_repeating_letter that takes a string input, and returns the first character that is not repeated anywhere in the string. For example, if given the input 'stress', the function should return 't', since the letter t only occurs once in the string, and occurs first in the string. As an added challenge, upper- and lowercase letters are considered the sam..

필터(Filter)로 배열 중복 제거 filter()를 이용해서 조건에 맞는 요소만을 반환받는 방식으로 중복 요소 없는 배열을 만들 수 있다. filter는 배열 요소의 선택 조건을 직접 정할 수 있기 때문에 중복 제거가 아니어도 다양한 조건에 맞는 배열을 얻을 수 있다. const arr = ['Ryan', 'Amy', 'Ted', 'Lily', 'Ryan', 'Rick']; const arrUnique = arr.filter((val, idx) => { return arr.indexOf(val) === idx; // 값이 처음 나오는 배열 인덱스와 현재 인덱스가 같으면 포함 }); console.log(arrUnique); // ['Ryan', 'Amy', 'Ted', 'Lily', 'Rick] * ..

Descriptions. Write a function that takes a string of parentheses, and determines if the order of the parentheses is valid. The function should return true if the string is valid, and false if it's invalid. 문자열로 괄호를 받아 짝이 유효한지에 따라 반환값을 결정하는 함수를 만들어라. 함수는 문자열이 유효하다면 true를 반환하며 그렇지 않으면 false를 반환한다. Examples(with result). "()" => true ")(()))" => false "(" => false "(())((()())())" => true Constrai..

Description. Write a function that takes in a string of one or more words, and returns the same string, but with all five or more letter words reversed(Just like the name of this Kata). String passed in will consist of only letters and spaces. Spaces will be included only when more than one word is present. 하나 이상의 문자열을 받는 함수를 작성하고 받은 문자열을 반환해라. 단, 5자 이상의 문자열은 모두 반전하여 반환해라(제목처럼). 문자열은 문자와 공백으로만 구..

Description. An isogram is a word that has no repeating letters, consective or non-consective. Implement a function that determines whether a string that contains only letter is an isogram. Assume the empty string is an isogram. Ignore letter case. isogram은 연속되든 연속되지 않든 반복 문자가 없는 단어이다. 문자만 포함하는 string이 isogram인지 아닌지를 결정하는 함수를 구현하라. 빈 string은 isogram으로 가정하고 대소문자는 무시하라. Example(with result). "Derm..