전체 글

목차 1. 스코프 체인 2. 정적 스코프 (렉시컬 스코프) 3. 참고 1. 스코프 체인 스코프 체인이란, 식별자(변수 또는 함수)를 검색하는 과정을 의미합니다. 검색하는 과정에서 식별자를 찾지 못하면, 상위 스코프(또는 외부 스코프)에서 해당 식별자를 찾으려고 합니다. 식별자를 찾지 못하면 에러를 발생시키는데요. 하위 스코프에서 상위 스코프로 이동하면서 식별자를 찾는 과정이 꼬리에 꼬리를 무는 형태이기 때문에 체인이란 용어를 사용하는 듯합니다. let sky = 'global sky'; function printSky1() { console.log(sky); } function printSky2() { let sky = 'local sky'; console.log(sky); } printSky1(); /..

목차 1. 함수 선언문 2. 함수 표현식 3. 함수 프로퍼티 4. 참고 1. 함수 선언문 function isHoliday(work) { if (work) { return false; } return true; } 많이 사용하는 함수 선언 방식 중 하나입니다. 주요 특징으로는 다음과 같은 것들이 있습니다. 함수를 참조하는 식별자가 생성됩니다. 함수 호이스팅이 발생합니다. 함수(함수 객체) 프로퍼티를 가지고 있다. 함수 호이스팅이란, 호이스팅(hoisting)이란 말처럼 함수가 위로 끌어 올려지는 것을 말하는데요. 자바스크립트에서 런타임 이전에 함수를 미리 생성하기 때문에, 함수가 선언된 스코프에서 언제든지 실행할 수 있습니다. 함수 선언 전에 함수를 실행할 수 있습니다. isHoliday(false); ..

1. 채권 현재 한국은행 기준금리가 2.25%이고, 한국 국채는 2년물은 3.058%, 3년물은 3.08%, 10년물은 3.125%입니다. 정기예금 금리는 3~4%에 진입했네요. 그런데, 자산가들은 채권을 매입하고 있는 것 같습니다. 채권은 돈을 빌려주는 대신 상환일에 원금 + 이자를 받습니다. 예금과 비슷하게 원금 + 이자를 받지만, 차이점은 원금보장이 안될 수도 있다는 것입니다. 국가 또는 회사에 돈을 빌려줬는데, 채무 대상이 디폴트할 수 있기 때문입니다. 그렇지만, 금리 하락기가 되면 이전에 사둔 채권이 좋은 투자가 될 수 있는데요. 이는 시중은행보다 더 좋은 이자를 받을 수 있고, 그에 따라 채권의 가치가 올라가 가격이 상승하기 때문에 매매차익을 볼 수 있습니다. 하지만 채권을 매입할 때, 채무 ..

create-next-app을 이용해서 새로운 Next.js 프로젝트를 만들고, 개발을 진행했습니다. 프로젝트에서는 Emotion.js를 사용하고 있는데요. 개발을 잘 진행하고 있다가, 다음과 같은 문제가 발생했습니다. 다음과 같은 코드를 보시면, HTML 요소를 스타일링 해줄 때, 다음과 같이 CSS 선택자를 이용하는데요. ...생략 하이 div p { color: red; font-weight: bold; } Component Selector(컴포넌트 선택자)란 상위의 컴포넌트에서 스타일링을 적용을 할 때, 하위의 컴포넌트를 선택해서 스타일링을 하는 것을 의미합니다. import styled from '@emotion/styled'; const Child = styled.div` color: red;..

const arr = [1, 2, 3, 4, 5]; // 1부터 5까지 출력 for(let idx=0; i { console.log(value); }); forEach 메소드는 콜백 함수를 받는데요. 첫번째 파라미터로부터 배열의 값을 차례대로 받아올 수 있습니다. const arr = [1, 2, 3, 4, 5]; // 배열의 값과 인덱스를 차례대로 출력 arr.forEach((value, index) => { console.log(value); // 배열의 값 console.log(index); // 배열의 인덱스 }); 콜백 함수는 여러 개의 파라미터를 받는데요. 두번째 파라미터로부터는 배열의 인덱스 값을 받아올 수 있습니다. const arr = [1, 2, 3, 4, 5]; // 배열의 값과 인덱..

보통 슬라이더(또는 스와이퍼)를 구현할 때, 화면에 한 개의 슬라이드가 보이는 형태로 많이 구현합니다. 슬라이드를 넘기면, 다음 슬라이드가 나오는 형태입니다. 그런데, 요구사항이 화면에 여러 개의 슬라이드를 보여달라고 하면 어떻게 할까요? 예를 들어, 375px 사이즈의 모바일 화면에 200px 크기의 카드 형태를 하나는 다 보이도록, 하나는 일부만 보이도록 해줘야 합니다. 말이 잘 이해가 안되실 수도 있는데, 아래 그림과 같은 형태입니다. 위와 같이 Swiper에 옵션을 제공해서 인라인 형태의 슬라이드를 구현할 수 있습니다. 중요한 것은 styled 컴포넌트에 있는데요! .swiper-slide 클래스 선택자에 width 값을 auto, !important를 적용해야 합니다. 그렇지 않으면, Swi..

[ 업무 ] => 관심 있는 것들을 찾아봐도 좋을 것 같습니다. 크롤링 툴 (puppeteer) [ 루틴 ] - 매일성경 QT 읽기 - 매경 이코노미 2160호 구독 [ 프로그래밍 ] - 프로그래머스 1문제 알고리즘 문제 풀기 => 폰켓몬 풀기 [ 블로그 ] - 티스토리 블로그 1개 작성 => 이 주간회고 포스팅

[ 업무 ] - Yarn Berry 도입 - Yarn Berry와 CI 관련 이슈 해결 => 이슈 같은 걸 정리해도 될 것 같네요...! [ 루틴 ] - 매일성경 QT 읽기 - 매경 이코노미 2159호 빠르게 읽기 => 시간이 부족해서 관심있는 것만 읽었습니다. [ 프로그래밍 ] - 프로그래머스 1문제 알고리즘 문제 풀기 & 사내 스터디 => 2022 카카오 블라인드 문제, 신고 결과 받기 [ 블로그 ] - 티스토리 블로그 2개 작성 => 이 주간회고 포스팅 => 프로그래머스 문제 풀이 포스팅 https://cheolsker.tistory.com/32 직장인이 많은 시간을 내기는 어려워도, 시간을 내서 꾸준히 하면 멋진 결과물을 만들 수 있다고 생각합니다. 그러러면 꾸준한 루틴이 필요한데,..

[ 업무 ] - 테스트 & 자동화에 대한 고민 - 최신 기술과 관련해서 도입할 수 있는 건 시도해보기 [ 루틴 ] - 매일성경 QT 읽기 - 매경 이코노미 2158호 틈틈히 읽기 [ 프로그래밍 ] - 프로그래머스 2문제 알고리즘 문제 풀기 & 사내 스터디 [ 그 밖에 ... ] 기타를 다시 배워볼까 고민중입니다. 시간관리를 잘 못하고 있는 것 같은데, 다시 재정비해서 꾸준하게 해보겠습니다.

작년에 코스피가 3,200, 3,300을 찍더니 오늘은 2500도 위태로워보입니다... 다우지수도 작년엔 35,000을 넘겼는데 오늘 31,700 정도 찍고 있네요... 당연하게도, 제 주식도 파란불이 켜진 지 오래 되었습니다. 주변 지인들 얘기만 들어봐도, 적어도 -10% 이상의 손실은 보는 것 같더군요... 불과 한, 두 달 전만 하더라도 나름 선방하는 주식들이 있었지만, 지금은 거의 모든 주식이 파란불을 맞이(?)하기 시작했습니다. ㅎㅎㅎ 한동안 원/달러 환율이 1,200 초반을 찍다가... 와우 이제는 1,290을 찍네요... 연준이 빅스텝을 진행한다고 했을 때, 시장이 시큰둥하다가 이제 반응을 보이는 것 같습니다. 뭐... 조금 늦게 깨달았지만 이렇게 대비했으면 어땠을까 생각이 듭니다. - 환율..