본문 바로가기

JS

 (13)
[한경xToss] 🍌추가공부) Javascript 화살표 함수 장점 / arrow function 사용 이유 ES6 문법 이후부터 화살표 함수가 등장했다 궁금한 것 :왜 JS에서 화살표 함수 사용을 권장하는걸까? 왜 ? WHY/ ?? 1. 함수형 변수 const apple = 1000; // 변수const add = (a, b) => a + b; // 화살표 함수console.log(add(2, 3)); // 5 사용이 직관적이다.변수와 동일하게 선언 후, 변수 이름을 호출하면 함수를 실행시킬 수 있다! 2. 간단한 양식 짧은 수식일 경우 괄호가 필요없다 let func = x => x * 2 ; 3. this를 사용하지 않는다. 🌟🌟🌟‼️ 일반 함수 내에서는 this를 사용할 수 있으나, 화살표 함수에는 해당 문법이 적용되지 않음.근데 이게 장점이 된다.화살표 함수 내에서 this를 사용할 경우, 상위에..
[한경xToss] 🥝추가공부) Number, parseInt 특징과 차이점, JS 나눗셈, Math.floor, 명시적 진법 지정 코테 준비를 c++로 했다보니 js 타입이 익숙하지 않ㄷㅏ.. 씨플플이랑 너무 다르다 ㅠㅠ연산 전 변수 전처리하기….!!! 🙏🙏 궁금한 것 :let score = prompt().split(’ ’);let avg = 0;for(let i=0; i1. Number와 parseInt 차이 Number : 내부의 수를 숫자로 변환,문자열 전체를 숫자로 변환하므로 변환할 수 없는 경우 NaN을 리턴. parseInt : 문자열에서 정수를 추출.문자열에 숫자가 아닌 문자가 포함되어도, 앞쪽의 숫자 부분만 처리 console.log(parseInt("42"));         // 42console.log(parseInt("42px"));    // 42console.log(parseInt("   42")); ..
[한경xToss] 3주차 요약 : CSS 중급 및 Javascript * 개인의 학습 내용 기록 중, 극히 일부의 내용만 작성되었습니다. 3주차 실습CSS 중급 이미지 잘라서 배경으로 쓰기 : background-position가상요소 선택자 before/after li 가로로 배치하기list-style: none;display:inline-block;padding: 10px; 변환효과 - transition 속성 속성 종류transition-delay : 지연시간duration : 변환시간property : 대상 속성timing-function : 보간 타입 (인터폴레이션, 시간의 간격을 채움)cubic-bezier()배지어 곡선 - 수학자 베지어가 제안한 두 점만으로 곡선을 정의하는 공식변형 속성 - transform 속성 CSS 초기화 코드: Eric Meyer’s ..
[Javascript(NodeJS)/Softeer] Lv1. A+B https://softeer.ai/practice/6295 Softeer - 현대자동차그룹 SW인재확보플랫폼 softeer.ai 현대 소프티어 Lv1. A+B js 풀이 자바스크립트 코테 쉽지않다그래도 개발 짬바로 어찌어찌 극복하는중..^-^const readline = require('readline');const rl = readline.createInterface({ input: process.stdin, output: process.stdout});let sum = 0;let result = [];rl.on('line', input =>{ arr = input.split(' ').map(el=>parseInt(el)); if(arr.length >1) { sum = a..
[Javascript(NodeJS)/Softeer] Lv1. 근무 시간 https://softeer.ai/practice/6254 Softeer - 현대자동차그룹 SW인재확보플랫폼 softeer.ai 현대 소프티어 Lv1. 근무 시간 js 풀이 갑자기 코테 응시 언어가 자바스크립트라는 걸 알게된 나급하게 연습문제를 풀어보는데.....그냥 도전하는거지뭐~~~const readline = require('readline');const rl = readline.createInterface({ input: process.stdin, output: process.stdout});let sum = 0;min = 0;hour = 0;rl.on('line',input =>{ time = input.split(' '); timesp = time.map(t=>t.split('..
[React/Typescript] TS2307: Cannot find module 'swiper' or its corresponding type declarations. 기존 프로젝트에 슬라이더를 만드려고 시도. swiper 써야되는데 자꾸 에러가 났다 Error : TS2307: Cannot find module 'swiper' or its corresponding type declarations. 해결 방법 1. npm i @types/swiper 설치 2. tsconfig.json 파일에 types를 추가한다. { "compilerOptions": { "types": ["react-transition-group"], // 이거 추가하니 에러가 사라짐 ... } }
[React] Swiper Effect 정리 - Cards, Coverflow, Creative, Cube, Fade, Flip 알고리즘 떄문에 개발유튜브 보다가 swiper가 뜨길래 봤는데, 재미있어보이길래 포트폴리오를 만드는 중이다 사용해보다가 전환효과 (effect)의 종류별로 뭐가 다른건지 궁금했는데, 한번에 다 비교해놓은 글이 없길래 그냥 내가 하나씩 해봤다. 자세히 보고 싶은 분들은 공홈의 데모를 보셔도 된다 https://swiperjs.com/demos#effect-fade Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com Effect에는 cards, coverflow, creative, cube, fade, f..
[React] error:0308010C:digital envelope routines::unsupported error:0308010C:digital envelope routines::unsupported 며칠전까지 잘 돌아가던 npm start.. 오늘 갑자기 크롬에서 Localhost 3000 ERR_CONNECTION_REFUSED 에러가 떴음 뭔일인가 하고 터미널을 봤더니 아래와 같은 에러가 떠있었다. error:0308010C:digital envelope routines::unsupported 구글링해보니 노드 버전 때문에 발생하는 에러라고 하는데, node js를 다운그레이드해줘야 했다 나는 현재 설치된 버전이 lts 18 버전인데, 16버전으로 낮추면 해결된다고 함 1. 현재 버전 확인 node -v 2. 캐시 삭제 sudo npm cache clean --force 3. n 플러그인 설치 (없으..
728x90

티스토리툴바