본문 바로가기

Category91

[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.
[JavaScript] Iterator(반복기) & Generator(생성기) 1. IteratorIterator 함수를 임의로 생성해보자function makeIterator(numbers) { let nextIndex = 0; return { next: function () { return nextIndex  결과Iterator는 value랑 done 속성을 가지는 객체를 반환한다.[Symbol.iterator]() - 기본 이터레이터 반환 메소드[Symbol.iterator]()을 사용하면 반복 가능한 값을 반복기로 생성 가능.const numbersArray = [1,2,3];const numbersIterator = numbersArray[Symbol.iterator]()console.log(numbersIterator.next(.. 2025. 1. 9.
[JavaScript] Symbol Symbol Type은 무엇인가요?2015년 ES6에서 새로 추가된 원시 타입.유니크한 식별자를 만들기 위해서 사용된다. Symbol 값을 생성하는 방법은?Symbol 은 유니크한 식별자를 위해 사용Symbol은 보이는게 같더라도 내부에서는 다른 값을 가진다.const sym1 = Symbol();const sym2 = Symbol();console.log(sym1 === sym2); // falsedescription을 줄 수 있다 - 뭔지 구분할 수 있음디버깅 할 때 사용 할 수 있다. 이게 없다면 어떤 심볼인지 알기 어렵다.const sym1 = Symbol();const sym2 = Symbol();const sym3 = Symbol('hi');console.log(sym1) // Symbol().. 2025. 1. 9.

티스토리툴바