본문 바로가기

Category141

[JavaScript] Map, Filter, Reduce 메소드 🦋목차🦋1. Map 메소드2. Filter 메소드3. Reduce 메소드✔️ Map 메소드: 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다.const array1 = [1, 4, 9, 16];// pass a function to mapconst map1 = array1.map(x => x * 2);console.log(map1);// expected output: Array [2, 8, 18, 32] 위의 코드는 x에 2를 곱해서 두배수의 배열을 만들어 반환하는 코드이다. 📍 기본형arr.map(callback(currentValue[,index[,array]]), [,thisArg]) 첫번째 매개변수로 콜백함수, 그 다음에 thisArg부분. 📍 .. 2025. 1. 12.
[JavaScript] Event Loop (setTimeout, 동기와 비동기) 🦋목차🦋1. setTimeout()2. 동기와 비동기3. JavaScript는 동기 언어이다.4. 내부에서 어떻게 진행되는지 살펴볼까요5. setTimeout의 지연 시간이 0이라면?setTimeout()전역 setTimeout() 메서드는 만료된 후 함수나 지정한 코드 조각을 실행하는 타이머를 설정한다.두 번째 매개변수로 들어간 밀리초 단위가 지난 후, 첫 번째 매개변수인 콜백 함수가 호출이 된다.console.log('1');setTimeout(()=> { console.log('2');}, 3000);console.log('3');>> 3초 이후에 console.log(2)를 호출.동기와 비동기동기 (Synchronous, 시간을 맞춤)비동기 (Asynchronous, 시간을 맞추지 않음)대학생.. 2025. 1. 12.
[JavaScript] Closure Closure: 다른 함수 내부에 정의된 함수(innerFunction)가 있는 경우에외부 함수(outerFunction)가 실행을 완료하고 → 해당 변수가 해당 함수 외부에서 더이상 액세스 할 수 없는 경우에도→ 해당 내부 함수는 외부 함수의 변수 및 범위에 액세스 할 수 있다! 외부함수가 완료했는데 내부 함수는 난 계속 할수이떠!!이러는거.. 라고 생각했다.  1. outerFunction('outside')은 변수 "newFunction" 에 할당되는 즉시 호출된다.2. 호출되면 outerFunction은 변수 "newFunction"을 outerFunction(outerVariable) 대신 innerFunction(innerVariable)을 반환한다. >> newFuntion에는 innerFu.. 2025. 1. 11.
[티스토리 꾸미기] 나의 티스토리 스킨 변천사 오늘 노션 꾸미기를 하다가 무슨 삘을 받았는지 하루종일 티.꾸를 했다.그래도 나름 유익하고 재밌었던 하루~나중에 티스토리 스킨이나 내볼까.. 넘넘 예쁘다1. 우선 헤더 먼저 적용해주고마우스 효과까지 적용한 모습이다.마우스 너무너무 예쁨..ㅎ어쩌다보니 효과랑 깔맞춤이 되었다. 2.  예쁜 나비 파비콘 적용해주고근데 뭔가 여기서 멈추기가 아쉬운거다. 3. 레이아웃 변경 + 글꼴 변경 + 메뉴바 변경 + 화면전환 애니메이션 추가굉장히 많이 바뀐 모습이다! 물론 시간도 다른걸 수정하는것보다 많이 들었다.헤더의 글꼴을 귀엽게 변경해주었고 (고양이는 딩벳이다 ㅎㅎ)메뉴바 스타일도 변경해주었다. (글자 색 흰색으로, 클릭시 파란색, 영어로 변경)그리고 본문과 카테고리를 구분하던 선을 지워주고 border로 칸을 만들.. 2025. 1. 10.
[티스토리 꾸미기] 아이콘, 파비콘을 변경해보자! 결과물파랑이로 블로그 컨셉을 맞추던 나.빨간색 T 로고가 마음에 들지 않았다. 매우 간단하게 웹페이지 아이콘, 파비콘을 바꿔보자!1. 블로그 관리 - 관리 - 블로그에 들어간다. 2. 블로그 설정칸그러면 바로 보이는 [블로그 설정]칸에 아이콘과 파비콘을 설정하는 영역이 있다.여기에다 원하는 이미지를 넣으면 되는데,ICO 파일을 어디서 구하냐. 하면 3. ICO 파일 변경여기로 가면 된다. 여기에 원하는 이미지를 넣으면 바로 변환해준다https://favicon.io/favicon-converter/ Favicon.io - The Ultimate Favicon Generator (Free)With Favicon.io you can quickly generate a favicon for your websi.. 2025. 1. 9.
[티스토리 꾸미기] 마우스를 꾸며보자 요즘 블로그랑 노션 꾸미기에 빠졌다. 공부를 너무 열심히 해서 그런걸까?아까는 블로그 헤더를 꾸미고, 지금은 마우스를 변경해보았다. 넘넘 귀여움 왜 개발자들이 티스토리 사용하는지 알겠다. 자유도가 높네! 그러면 마우스 꾸미기 레지고목차1.  마우스 아이콘 변경하기2.  마우스를 따라다니는 애니메이션 넣기1.  마우스 아이콘 변경하기1) 우선 바꿀 큐티빠띠한 마우스를 골라야겠지.마우스 아이콘들을 쇼핑해보자. (물론 무료이다. my mouse is free) 👇링크는 아래와 같다👇https://www.cursors-4u.com/ Free Cursor Downloads - Cursors-4U.comDate: 16 Jan 2024, 22:00 By Tor With 12 Comments All commenti.. 2025. 1. 9.

티스토리툴바