흑염소처럼

Two Sum의 제목을 가진 ... 어디서 많이 풀어본듯한 문제지만 역시 코알못이기에 .... 코알못들이 많이 푸는 방법으로 풀뻔하였으나 역시 풀지 못함 ... 생각한 시간은 15분정도 ?? 모를 때는 빨리 넘어가기 leetCode는 시간복잡도 및 공간복잡도를 고려해서 단계별로 답안이 있다 ...와우 코알못을 읽으시는 여러분들은 모두 저보다 뛰어나신 분들이실거예요 ... 제가 하면 ... 여러분은 더더더더 잘 할 수 있어요!!!! [문제] Given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target. You may assume that each inp..

문제 당신은 폰켓몬을 잡기 위한 오랜 여행 끝에, 홍 박사님의 연구실에 도착했습니다. 홍 박사님은 당신에게 자신의 연구실에 있는 총 N 마리의 폰켓몬 중에서 N/2마리를 가져가도 좋다고 했습니다. 홍 박사님 연구실의 폰켓몬은 종류에 따라 번호를 붙여 구분합니다. 따라서 같은 종류의 폰켓몬은 같은 번호를 가지고 있습니다. 예를 들어 연구실에 총 4마리의 폰켓몬이 있고, 각 폰켓몬의 종류 번호가 [3번, 1번, 2번, 3번]이라면 이는 3번 폰켓몬 두 마리, 1번 폰켓몬 한 마리, 2번 폰켓몬 한 마리가 있음을 나타냅니다. 이때, 4마리의 폰켓몬 중 2마리를 고르는 방법은 다음과 같이 6가지가 있습니다. 첫 번째(3번), 두 번째(1번) 폰켓몬을 선택 첫 번째(3번), 세 번째(2번) 폰켓몬을 선택 첫 번째..

문제 설명 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요. 제한사항 마라톤 경기에 참여한 선수의 수는 1명 이상 100,000명 이하입니다. completion의 길이는 participant의 길이보다 1 작습니다. 참가자의 이름은 1개 이상 20개 이하의 알파벳 소문자로 이루어져 있습니다. 참가자 중에는 동명이인이 있을 수 있습니다. 입출력 예 participantcompletionreturn ["leo", "kiki"..

https://css-tricks.com/dynamically-switching-from-one-html-element-to-another-in-vue/

.bash_profile에 alias나 쉘스크립트로 함수를 짜서 사용하고 있었는데, 어느 순간 부터 아예 실행이 안되어서 찾다보니 아래의 게시글을 발견하였습니다. https://dejavuqa.tistory.com/383 zsh 설치 후 .bash_profile 적용 Mac에서 Terminal을 열다 아무생각없이 zsh을 설치한 이후 .bash_profile에 지정한 내용이 반영되지 않았습니다. 처음에는 왜 적용이 안되지 하고 source ~/.bash_profile을 적용해서 사용했는데 Terminal을 열때 dejavuqa.tistory.com 위 게시글 발췌 Terminal을 열면 위 이미지처럼 상단 바에 -zsh로 되어 있습니다. zsh은 Terminal이 시작할 때 ~/.zshrc가 실행됩니다...

scss에서 @ at- root 를 사용하면서 불편했던 점은 동일한 스타일을 쓰는데 @ at-root를 중복나열하여 사용할 수 없어 아래 코드와 같이 사용하고 싶으나 사용할 수 없습니다. 그럴 때 아래와 같이 사용할 수 있습니다. //아래와 같이 사용 못함 .test_wrap{ @at-root .join_coupon &,@at-root .identical_product &{ top: 50%; transform: rotate(45deg) translateY(-50%); } } //scss 속성을 사용하여 처리 가능 .test_wrap{ @at-root #{selector-nest(".test1,.test2","#{&}")}{ top: 50%; transform: rotate(45deg) translateY..

업무 시 카드게임 개발이라는 업무가 있었습니다. 데이터를 받아 올 시 당첨 노출되지 않도록 어떤 식으로 DOM을 구성할지 카드 갯수를 고정이 아니고 유동적으로 대응할 수 있는지 테스트 (flex로 가변적이게 animation 사용 가능한지) align-items: flex-start; justify-content: flex-start;는 animation이 적용이 안되는 요소로 확인이 되었습니다. 등등을 고려한 기록입니다. 카드 뒤집는 모션 svg width css3 https://css-tricks.com/svg-animation-on-css-transforms/ https://www.smashingmagazine.com/2020/02/magic-flip-cards-common-sizing-proble..

ngrok 사용법 $ ngrok http 8080 참조 : https://phoby.github.io/ngrok/ ngrok으로 외부에서 로컬 서버 접속 환경 구성 ngrok phoby.github.io

git_useful_tip 특정 파일만 리모트 브랜치파일로 업데이트하기 git checkout origin/master -- file1 path/file2 path/file3 // git checkout origin/release -- m/src/scss/page/test.scss

무거운 reset.css의 나열이 아닌 필요한 태그들만 사용할 수 있다면 어떨까 ?? 보통 마크업 작업을 할 때 생각보다 쓰는 태그들은 한정되어 있는데 reset.css는 필요없는 태그와 스타일들이 훨씬 많다. scss의 placeholder와 mixin 그리고 문법을 최대한 활용하여 필요한 태그만 선택가능하게 만들어 보면 어떨까 하는 생각에서 시작되었다. reset.scss를 원하는 스타일만 사용하도록 분기 처리하여 불필요한 스타일 제거로 응답 속도 향상에 기여하도록 만들어보자 scss Docs : https://sass-lang.com/documentation @charset "UTF-8"; %border-style{ border: 0; } %box-style{ margin: 0; padding: 0..