hwlink

Q. Palindrome Number Example 1: Input: x = 121 Output: true Explanation: 121 reads as 121 from left to right and from right to left. Example 2: Input: x = -121 Output: false Explanation: From left to right, it reads -121. From right to left, it becomes 121-. Therefore it is not a palindrome. Example 3: Input: x = 10 Output: false Explanation: Reads 01 from right to left. Therefore it is not a pa..

Coding/알고리즘 2022. 1. 23. 13:42

키보드로만으로도 생산성을 높이기 위해 Vscode 내에서 VIm 플러그인을 설치하여 vscode, vim을 상호보완적으로 사용하려한다. vscode extension에서 vim플러그인 설치가 가능하다. 명령어 일반 :h[elp] keyword - 도움말 열기 :sav[eas] file - 다른 이름으로 저장 :clo[se] - 현재 창 닫기 :ter[minal] - 터미널 열기 K - 커서가 가리키는 단어의 설명글 열기 Tip 터미널에서 vimtutor를 실행시켜 Vim의 명령어를 학습해봅시다. 커서이동 h - 왼쪽으로 한 칸 이동 j - 아래로 한 칸 이동 k - 위로 한 칸 이동 l - 오른쪽으로 한 칸 이동 H - 현재화면 상단으로 점프 M - 현재화면 중단으로 점프 L - 현재화면 하단으로 점프 ..

마우스버리기 2022. 1. 23. 11:50

Q. Twosum Example 1: Input: nums = [2,7,11,15], target = 9 Output: [0,1] Explanation: Because nums[0] + nums[1] == 9, we return [0, 1]. Example 2: Input: nums = [3,2,4], target = 6 Output: [1,2] Example 3: Input: nums = [3,3], target = 6 Output: [0,1] Solution 1. Brute Foce 이중 for문으로 해결 하였고, 문제에서 n^2안에 해결하면 된다고하여 문제는 없다. var twoSum = function(nums, target) { for(var i = 0; i> key, value 둘 중 골라서 ..

Coding/알고리즘 2022. 1. 23. 01:56

프리온보딩 참여 과제를 진행하면서 반응형 페이지를 구현하여야 하는데 마크업을 어떤 스타일로 진행해야 할 지 고민 하던 중 이전부터 쓰고 싶던 Tailwind CSS를 적용해보았다. 사용방법은 공식문서를 참고 하는 것이 더욱 좋을 것 같아 정의와 장단점만 기록하려 한다. Tailwind CSS Tailwind CSS는 Utility-First Fundamentals CSS 프레임워크다. 미리 세팅된 유틸리티를 클래스명에 부여만 해주면 빠른 마크업이 가능하다. 기본 CSS로 작업시 코드 ChitChat You have a new message! Tailwind CSS로 작업시 코드 ChitChat You have a new message! 장점 1. 일관된 디자인 색을 예로 들면 같은 값에 같은 명도,채도의..

Coding/CSS 2022. 1. 16. 22:39

Manifest Error React CRA 프로젝트 초기 세팅 후 Manifest Error가 발생하게 되었다. Manifest: Line: 1, column: 1, Syntax error. 해결방법 CRA 생성 후 manifest.json 파일을 지웠다면 index.html 내에 해당 link rel~~ 이 부분을 주석처리해주면 에러가 사라진다. manifest.json 하지만 manifest.json 파일이 뭔지 궁금해서 검색해보았다. CRA로 React 프로젝트를 생성하면 public 폴더에 다음과 같이 파일들이 생성된다. 그 중에 manifest.json도 생성되는데 manifest.json는 브라우저에 프로그레시브 웹 앱(PWA) 및 사용자의 데스크톱 또는 모바일 장치에 설치될 때 작동해야 하..

Coding/Error 2022. 1. 16. 09:54

문제점 프로젝트 진행 중 프로필 클릭 시 background-image 말풍선으로 구현된 유저 private 리스트가 나오는 모달이 있었는데, logout 하단여백이 너무 타이트하다고 느껴 리팩토링을 진행하여야겠다고 생각하였다. 1차해결 처음엔 단순하게 width 값을 늘려주어 하단 여백을 늘려야겠다고 생각하여 기존 width:150px >>> width:165px로 조정해주었다. width 조정해주었더니 하단 여백은 해결이 되었다. 근데 만약 리스트가 추가된다면? 백그라운드 이미지를 교체하거나 사이즈를 일일이 조절해줘야하기 때문에 비효율적이라고 생각하였다. 최종해결 리스트가 추가될 때를 생각하면 어떻게 구현해야 할 지 고민하다가 말풍선을 css로 처리한다면 될 것 같다고 생각하여 검색을 해보았더니 말풍..

Coding/CSS 2022. 1. 12. 18:16

정의: 애자일은 소프트웨어 개발 방법론 중 하나이다. 애자일 방법론 - less document-oriented, 즉 문서를 통한 개발 방법이 아니라, code-oriented, 실질적인 코딩을 통한 방법론 : 일정한 주기를 가지고 끊임없이 프로토타입을 만들어내며 그때 그때 필요한 요구를 더하고 수정하여 하나의 커다란 소프트웨어를 개발해 나가는 방법 - 애자일 방법론 여러가지가 있는데, XP와 스크럼이 주류이다 * 익스트림 프로그래밍(Extreme Programming, XP) - 고객과 함께 2주 정도의 반복 개발을 하고, TDD를 한다. * 스크럼 - 제품을 제공하는 스프린트(Sprint)를 중심으로 하고 있다. 매일 정해진 시간에 정해진 장소에서 짧은시간의 개발을 하는 팀을 위한, 프로젝트 관리 중..

book 2022. 1. 9. 23:00

정의 구문 내에서 프로그래밍 언어를 읽거나 표현하는 일을 더 쉽게 할 수 있도록 설계되었다. Syntactic Sugar 인간이 사용하기에 언어를 더욱 간결하게 만듭니다. 중복되는 로직을 더 명확하고 간결하게 표현하거나 일부 사람들이 선호하는 대체 스타일로 표현할 수 있습니다. Ex. Suger가 적용되지 않은 방법과 적용된 방법을 나열하겠습니다. 1. 삼항연산자 - Sugar 없는 표현 var a; if(SomeFunction() == 2){ a = 4; } else{ a = 9 } - Suger 적용된 표현 var a; (SomeFunction() == 2) ? a = 4 : a = 9 2. for - Sugar 없는 표현 var i = 0; while (i < num_rows) { j = 0; wh..

Coding/JS 2022. 1. 9. 14:10