이안의 평일코딩

회문문자열 팰린드롬 .split('') 문자 한개씩 배열이 됨 ["g", "o", "o", "d"] .reverse() 뒤집음 .join('') string으로 다시 묶음 good 숫자만 추출 가장 짧은 문자거리 문자열 압축

큰 수 출력 보이는 학생 가위바위보 점수 계산 등수구하기 Array.from() 메서드는 유사배열객체(array-like object)나 반복가능한객체(iterable object)를 복사해 새로운 Array객체를 만든다. 격자판 최대합 봉우리

문자대체 .replace(/원래문자/, '변경할문자'); 문자찾기 .split(a) a에 해당하는 문자를 잘라낸다 대문자찾기 .toUpperCase() 대문자로 변경 .charCodeAt() ASCII코드로 변경. 대문자 65~90, 소문자 97~122 대문자로 통일 ASCII 소문자 a 97, 대문자 A 65. 차이는 32 대소문자 변환 .toUpperCase() .toLowerCase() 가장 긴 문자열 Number.MIN_SAFE_INTEGER 최대값을 찾기위해 먼저 가장 작은 정수로 잡는다. 가운데 문자 출력 Math.floor() 소수점 내림, 나눈 몫 구하기 .substring(2, 4) : 2번 인덱스부터 3번 인덱스까지. length => ng .substr(2, 4) : 2번 인덱스부터 ..

최솟값 삼각형 판별 만약 c가 max라면 a+b>max여야 삼각형 조건이 성립된다. 연필 다스 수 (12개당 1다스) Math.ceil, Math.floor 1부터 N까지의 합 최솟값 구하기 홀수 x%2!=0 https://iancoding.tistory.com/226

이벤트란?클릭이나 스크롤을 내리는 등 사용자와 웹페이지가 상호 작용을 하며 브라우저가 감지하는 것을 말한다. 이벤트 리스너, 이벤트 핸들러는 어떤 이벤트 발생 시 처리하는 함수이다. 자주 사용되는 DOM이벤트로 click(마우스 왼쪽 클릭), contextmenu(마우스 오른쪽 클릭), keydown(키보드 누를 때), keyup(키보드 뗄 때), submit, focus 등이 있다. 이벤트 등록 방법 인라인 방식 (inline)이벤트를 HTML 요소의 속성으로 직접 지정하는 방식이다. 단점은 HTML 코드에 자바스크립트를 추가해서 코드가 섞여 유지 보수에 좋지 못하다는 점이다.Click프로퍼티 방식 (Property)인라인 방식의 단점을 보완하여 자바스크립트 코드에 프로퍼티 등록 방식이다. 하나의 이벤..

브라우저 저장소(Web Storage)는 HTML5부터 추가된 저장소로 쿠키(cookie)와 비슷한 기능이다. 쿠키(Cookie) 개발자가 아니어도 브라우저를 사용하다보면 쿠키라는 용어에 대해 쉽게 목격한 적이 있을 것이다. 쿠키란 웹사이트에 의해 유저의 정보를 저장하는 것이다. 서버와 데이터를 공유하는 용도로 사용되며 데이터의 유효기간을 지정이 가능하다. (ex: 1시간 뒤, 하루 뒤) 장점으로는 대부분의 브라우저가 지원을 한다는 점이지만 단점으로는 4kb 데이터 저장 제한으로 사이즈가 매우작고 서버에 매 HTTP 요청으로 데이터 전달 낭비가 발생한다는 점이다. 팝업창 다시 보지 않음 기능에 사용된다. 로컬 스토리지(Local Storage) 가볍지만 기능이 많지 않고 단순히 key(키):value(값..

단위 , 콤마 찍기 (단위변환).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 리액트 예시 import React, {useEffect, useState} from 'react' import UserCardBlock from './Sections/UserCardBlock'; function CartPage(props) { const dispatch = useDispatch(); const [Total, setTotal] = useState(0) //(중략) let calculateTotal = (cartDetail) => { let total = 0; cartDetail.map(item => { total += parseInt(item.price,10) * it..

타입스크립트란? 타입스크립트는 자바스크립트에 타입을 부여한 언어로, 자바스크립트의 확장된 언어이다. 타입스크립트는 왜 쓸까? 타입스크립트는 에러의 사전 방지 및 코드의 자동 완성이 가능해 개발의 생산성을 향상시켜주기 때문이다. (미리 타입을 정해두면 실행 전에 오류가 뜨기 때문에 에러가 사전에 방지되고, 예를 들어, number라고 미리 타입을 정해두면 .만 찍어도 number와 관련된 코드의 자동완성(intellisense)이 가능해진다.) 기본 타입(문자열, 숫자, 배열, 튜플, 객체, 진위값) // 문자열 let str: string = 'hello'; // 숫자 let num: number = 10; // 배열 let arr: Array = [1,2,3]; let items: number[] = ..