본문 바로가기

분류 전체보기169

[자바스크립트/알고리즘] LeetCode - 회문 정수 [문제] 9. Palindrome Number Given an integer x, return true if x is palindrome integer. An integer is a palindrome when it reads the same backward as forward. For example, 121 is palindrome while 123 is not. [예시] Input Output 121 true -121 false 10 false -101 false [풀이] 프리코드캠프에서 풀었던 회문 문제와 거의 동일하다. [자바스크립트/알고리즘] 회문(Palindrome) 검사 문제 주어진 문자열이 회문이면 true를 반환, 아니면 false를 반환하다. 영숫자가 아닌 문자들(non-alphanum.. 2021. 3. 7.
[자바스크립트/알고리즘] LeetCode - 정렬된 두 리스트 합치기 [문제] 21. Merge Two Sorted Lists Merge two sorted linked lists and return it as a sorted list. The list should be made by splicing together the nodes of the first two lists. [예시] Input Output l1 = [1,2,4], l2 = [1,3,4] [1,1,2,3,4,4] l1 = [], l2 = [] [] l1 = [], l2 = [0] [0] [풀이] /** * Definition for singly-linked list. * function ListNode(val, next) { * this.val = (val===undefined ? 0 : val) * th.. 2021. 3. 7.
[CSS] CSS 벤더 프리픽스 자동 추가 - auto prefixer postCSS를 사용한다면 필요 없는 기능이지만, 바닐라 CSS를 사용 중일 경우에는 CSS 호환성을 위해 벤더 프리픽스를 추가해주어야 한다. (하지만 주요 웹 브라우저의 최신 CSS 표준 지원이 빨라지고 있으며 웹 브라우저 시장에서 구글 크롬의 사용률이 크기 때문에 벤더 프리픽스의 필요성도 줄어들고 있다.) 브라우저별 벤더 프리픽스 브라우저 벤더 프리픽스 파이어폭스 -moz- 사파리 -webkit- 크롬 -webkit- 오페라 -o- 인터넷 익스플로러 -ms 이에 관련된 플러그인도 있지만(projects.verou.me/prefixfree/) Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unpref.. 2021. 2. 27.
높이는 가능한 rem으로 하지말자 지금 이틀째 버그 하나에서 못 빠져나오고 있었다. 태블릿 반응형을 만들고 있는데 시뮬레이터에서는 정상으로 나온다. 하지만 github pages에 업로드하고 태블릿으로 웹페이지에 들어가보면 요소들이 뒤죽박죽.. 이상한 형태로 되어있었다. 정말 당황스러웠다. 예기치 못한 오류이기도 하고 어디서부터 잘못되었는지 생각하지 못 했다. 이것저것 바꿔가며 수정하고 커밋하고.. 반복했다. 아직 개발 단계인 웹페이지라 사진을 올릴 수가 없어 많이 아쉽다. 커밋하고 내용이 github pages에 바로 적용 되는게 아니라 하나 올리고 10분 기다렸다가 확인하고 했다. 사실 이런 방법말고 시뮬레이션하는 좋은 방법이 있을 것이다. (물론 다른 방법도 시도 했다.. 하지만 오류 발생해서 다시 github pages로 돌아왔다.. 2021. 2. 25.
Swiper(스와이퍼) - 자바스크립트 슬라이더 스크롤 플러그인 / 비슷한 플러그인들 어느 사이트를 방문하면 스크롤바가 없고 섹션이 나누어져 스크롤되는 것을 볼 수 있다. 말로 설명하기는 어려우니 밑에 예제를 보면 된다. [예제] 멋쟁이 사자처럼 / 여기어때 잘난 체 / 배달의 민족 / 자라 멋쟁이사자처럼 :: LIKELION HACK YOUR LIFE. 내 아이디어를 내 손으로 실현한다. likelion.net 여기어때 서체 출시! 매력만점 '잘난체'를 지금 다운받아 보세요! www.goodchoice.kr 대한민국 1등 배달앱, 배달의민족 배고픈데 뭘 먹을지 모르겠고, 하필 냉장고는 텅텅 비어 있고, 그렇다고 대충 먹고 싶지는 않은데, 뻔한 음식 말고 잘 먹고 싶다면? 배달의민족! www.baemin.com:443 ZARA South Korea / 대한민국 | 새로운 컬렉션 온라인 w.. 2021. 2. 13.
[자바스크립트/알고리즘] 휴대폰 번호 검증 (정규식) 문제 미국 휴대폰 번호가 유효하다면 true, 유효하지 않다면 false를 리턴하라 사용자는 유효한 미국 번호의 형식이 있는 한 원하는 방식으로 양식 필드를 작성할 수 있다. 국가 코드가 제공된 경우 국가 코드가 1인지 확인해야 한다. 다음은 미국 번호에 대한 유효한 형식의 예시이다. 555-555-5555 (555)555-5555 (555) 555-5555 555 555 5555 5555555555 1 555 555 5555 나의 풀이 function telephoneCheck(str) { let regex = /^(1\s?)?(\(\d{3}\)|\d{3})[\s\-]?\d{3}[\s\-]?\d{4}$/ return regex.test(str); } 정규식을 사용하여 풀었다. 사실 정규식말고 해결방법이.. 2021. 2. 4.

티스토리툴바