개발

[JavaScript] 변수

console.log(test); var test; test = 30; console.log(test); 이 코드의 실행 결과는 무엇일까? 첫 console.log에 있는 test는 선언되기 전이기 때문에 ReferenceError가 발생하게 될까? 결과가 어떻게 출력되는지는 JS의 변수에 관해 알아야 한다. 1️⃣ 변수 선언 변수를 사용하기 위해서는 반드시 선언이 필요하다. 변수를 선언하기 위해서는 var, const, let 키워드를 사용한다. 이때, 변수 선언에 의해 확보된 메모리 공간에 값을 할당하지 않으면 JS 엔진에 의해 undefined라는 값이 할당되어 초기화 된다. 선언: 변수 이름을 등록해서 JS 엔진에 변수의 존재를 알린다 초기화: 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로..

React (+TypeScript, Styled-Component, ResetCSS) 프로젝트에 구글폰트 적용 안됨 및 해결법

시작하며 개발을 하다보면 구글 폰트를 이용하는 경우가 있다. 구글 폰트 홈페이지에서 원하는 폰트를 골라 import 했는데도 적용이 되지 않는 문제점이 있었다. 알고보니 그냥 import 하는 것으로는 해결되지 않고 다른 방법을 이용해야 정상적으로 사용할 수 있었다. 구글 폰트, React 프로젝트에 적용하기 만약 위의 폰트를 사용하기로 했다고 생각해보자. 기존의 방식과 다른 점은 import를 하는 것이 아니라 위의 Download 버튼을 이용해 해당 글자체 파일을 다운받아야 한다는 것이다. 다운받은 파일은 src/Fonts 안에 넣으면 된다. 원하는 글꼴들을 넣었다면 위의 모습이 될 것이다. 이후, 해당 글꼴들을 사용하기 위해 GlobalStyle을 만드는 파일에서 해당 폰트를 불러와야 한다. 본인의..

[회고] 우아한테크코스 4주차 회고 (FE)

우테코 프리코스 4주차 회고 4주차 - 🚀 다리 건너기 이번주가 마지막이다. 마지막 문제라서 그런지 조건이 제일 많다. 저번주에는 함수의 길이 제한이 15였지만, 이번주 과제는 10줄로 제한되었다. 또한, 기본적으로 주어지는 함수들과 클래스 파일 중 일부는 위치 이동이 가능하고 일부는 위치 이동이 안되기 때문에 어떤 파일이 이동 가능한 파일인지 확인해야 했다. 🏃‍♂️ 시작하며 이번 문제에서도 console을 이용해 사용자의 입력을 받아야 했다. 저번주에 함수안에서 함수를 호출하는 식으로 해결했지만 다른 좋은 방법이 있을 것 같아 시도해보았다. 하지만, 결국 해결하지 못하였고 저번주와 마찬가지로 .call을 사용하게 되었다. (저번주에 깨달은 "과감함"의 중요성을 떠올리며 새로운 마음으로 다시 시작하였다..

[회고] 우아한테크코스 3주차 회고 (FE)

우테코 프리코스 3주차 회고 3주차 - 🚀 로또 이번주도 문제는 하나였다. 로또를 만드는 문제였으며 저번주에 비해 조건이 추가되었다. 갈수록 조건이 추가되어 과제가 까다로워지는 것 같다. 이번주 과제에서는 OOP를 사용했다. 🏃‍♂️ 시작하며 추가된 조건 중 else문 사용의 지양이 있다. else문을 사용하지 않고 분기를 만들고 else 또는 switch문은 언제 사용해야 되는지 생각해보라는 의도인 것 같다. 또한, 단위 테스트의 구현이 있다. 이는 어떤 경우에 테스트가 필요한지 스스로의 경험에 근거하여 테스트를 구현하라는 의도로 파악했다. 저번주는 App 클래스 하나만 주어졌지만 이번주는 App 클래스와 Lotto 클래스가 추가로 주어졌다. 저번주와 다르게 두개의 클래스가 주어졌기 때문에 OOP를 사..