분류 전체보기222 [Javascript] (LeetCode) 13. Roman to Integer (Easy) [Javascript] (LeetCode) 13. Roman to Integer (Easy) 💡 구글에 Javascript 풀이가 많이 없거나, 배운 점이 있으면 포스팅합니다. 내 풀이 /** * @param {string} s * @return {number} */ var romanToInt = function(s) { const baseArray = { 'IV': -2, 'IX': -2, 'XL': -20, 'XC': -20, 'CD': -200, 'CM': -200 } const romanNums = { 'I': 1, 'V': 5, 'X': 10, 'L': .. 2022. 8. 8. [Javascript] (LeetCode) 206. Reverse Linked List (Easy) [Javascript] (LeetCode) 206. Reverse Linked List (Easy) 💡 구글에 Javascript 풀이가 많이 없거나, 배운 점이 있으면 포스팅합니다. 내 풀이 /** * Definition for singly-linked list. * function ListNode(val, next) { * this.val = (val===undefined ? 0 : val) * this.next = (next===undefined ? null : next) * } */ /** * @param {ListNode} head * @return {ListNode} */ var reverseList = function(head) { if (head === null || head.next ==.. 2022. 8. 8. [React.js] 인풋 태그 위 이미지 태그 없애기 인풋태그에 값 적으면 그 위 이미지, 글자 없애기 과제 아닌데 팀원들끼리 막 아이디어 내면서 재밌게 개발했습니다. ㅋㅋㅋ 이것저것 많이 했는데, 포스팅 하면 좋을만한 개발건, 리팩토링건이 있어서 기록으로 남깁니다. 말로 설명하는게 어려워서 그냥 코드 위주로 이야기하겠습니다. ㅎㅎ 위 코드처럼 인풋창 위에 이미지, placholder가 있습니다. 인풋창에 밸류값이 주어지면 해당 이미지와 글자를 없애보았습니다. 글자는 placeholder로 넣어주면 인풋입력할 때 자동적으로 사라집니다 여기에 좀 어울리게 색을 넣기 위해 &::placeholder { opacity: 0.5; }를 넣어줬습니다. 이미지는 useState를 활용해 Change이벤트가 발동하면 hasValue State가 true로 바뀌고, 이를.. 2022. 8. 4. [Javascript] (LeetCode) 66. Plus One (Easy) [Javascript] (LeetCode) 66. Plus One (Easy) 💡 구글에 Javascript 풀이가 많이 없거나, 배운 점이 있으면 포스팅합니다. 내 풀이 /** * @param {number[]} digits * @return {number[]} */ var plusOne = function(digits) { for (let i = 0; i < digits.length; i++) { let idx = digits.length - 1 - i; if (digits[idx] !== 9) { digits[idx] += 1; return digits; } if (digits[idx] === 9) { digits[idx] = 0; if (idx === 0) { digits.unshift(1); r.. 2022. 8. 4. [Javascript] (LeetCode) 28. Implement strStr() (Easy) [Javascript] (LeetCode) 28. Implement strStr() (Easy) 💡 구글에 Javascript 풀이가 많이 없거나, 배운 점이 있으면 포스팅합니다. 내 풀이 (메서드 없이) /** * @param {string} haystack * @param {string} needle * @return {number} */ var strStr = function(haystack, needle) { let matchCount = 0; let j = 0; for (let i = 0; i < haystack.length; i++) { if (haystack[i] === needle[j]) { for (let j = 0; j < needle.length; j++) { if (haystack[.. 2022. 8. 3. [Javascript] (LeetCode) 8. String to Integer (atoi) (Medium) 💡 구글에 Javascript 풀이가 많이 없거나, 배운 점이 있으면 포스팅합니다. 내 풀이 /** * @param {string} s * @return {number} */ var myAtoi = function(s) { const strInfo = preTrimStr(s); strInfo[1] = postTrimStr(strInfo[1]); let sign = strInfo[0]; let str = strInfo[1]; let integer = strToInteger(str); integer = checkOverflowAndMakeClamp(integer, sign); return integer * sign; } function checkOverflowAndMakeClamp(num, sign) { i.. 2022. 8. 2. [React] img태그 src public 폴더에서 가져오기 서론 넣고 싶은데 그냥 본론만 넣겠습니다 아 서론 생각났어요!!!!! React 과제 설명에서 public 폴더에 images 폴더 만들어서 이미지 다 넣으라고 하고, img태그는 src값을 '/images/이미지 파일이름'으로 지정하면 된다고 설명이 되어 있었다. 하지만 이 방법은 src폴더 내에 images 폴더가 있을 경우에는 가능한 방법이지만, public 폴더에 있다면 적용이 불가능한 방법이었다. 자료가 잘못되어 있는건지, 의도적으로 구글링과 공식 문서 등을 통해 문제해결하는 과정을 겪게 만들려는건지 나는 알 수 없지만, 어쨌든,,, 구글링과 공식문서를 통해 문제를 해결했다. 해결 방법 HTML 문서 안이라면 아래와 같이 '%PUBLIC_URL%'이 퍼블릭 폴더의 경.. 2022. 8. 1. [Javascript] (LeetCode) 125. Valid Palindrome (Easy) [Javascript] (LeetCode) 125. Valid Palindrome (Easy) 💡 구글에 Javascript 풀이가 많이 없거나, 배운 점이 있으면 포스팅합니다. 내 풀이 /** * @param {string} s * @return {boolean} */ var isPalindrome = function(s) { const regex = /[^a-z0-9]/g; const lowerS = s.toLowerCase().replace(regex, ''); return lowerS === lowerS.split('').reverse().join(''); }; 정규식을 이용해서, (a-z, 0-9)가 아닌애들을 ‘’으로 replace해준다. 그리고 해당.. 2022. 7. 29. 1. 운영체제 개요 1. 운영체제 개요 모든 레퍼런스는 KOCW - 운영체제 (이화여대 반효경 교수) 입니다. 1. 운영체제란? 운영체제의 의미 좁은 의미의 운영체제 (커널) 운영체제의 핵심 부분으로 메모리에 상주하는 부분 넓은 의미의 운영체제 커널 뿐 아니라 각종 주변 시스템 유틸리티를 포함한 개념 운영체제의 목적 1. 컴퓨터 시스템의 자원을 효율적으로 관리 운영체제의 목표 : 컴퓨터 시스템의 자원을 효율적으로 관리 자원 : 프로세서, 기억장치, 입출력 장치 등의 효율적 관리 사용자간의 형평성 있는 자원 분배 주어진 자원으로 최대한의 성능을 내도록 도움 사용자 및 운영체제 자신의 보호 프로세스, 파일, 메시지 등을 관리 ex) 실행중인 프로그램들에게 짧은 시간씩 CPU를 번갈아 할당 ex) 실행중인 프로그램들에 메모리 공.. 2022. 7. 28. [javascript] form 태그를 이용한 input event listener form 태그를 활용한 리팩토링 주석 처리한 코드가 이전 코드였던 부분입니다. 아래는 이전 코드에서의 이벤트 리슨 상황입니다. input창에 keydown 이벤트가 발생 (keyCode가 "Enter, NumpadEnter"일 때) Button태그에 Click이벤트 이 코드를 div를 form 태그로 바꿔주어 form태그를 리슨하면 훨씬 간결하게 바꿀 수 있습니다. form태그에 submit이 일어나는지 리슨 (Enter Press, NumpadEnter Press, Click 3가지 케이스 전부 콜백펑션을 호출합니다.) // 태그 선택 // const inputComment = document.querySelector('.articleInputComment input'); // const submitC.. 2022. 7. 28. 이전 1 ··· 10 11 12 13 14 15 16 ··· 23 다음
