개발

[Flutter] Android toolchain 오류 (Android SDK)

💣 문제 상황 플러터 개발환경을 구축하는 과정에서 Android Studio를 설치했지만 Android Toolchain 관련 오류가 발생했다. 안드로이드 스튜디오는 설치했고 정상적으로 인식되지만 Android toolchain이라는 부분에서 오류가 발생한다. 🔧 해결 방법 안드로이드 스튜디오를 설치하는 것에서 끝이 아니라 추가적인 설정을 해야 한다. 첫 화면에서 'SDK Manager'라는 부분에 들어간다. 'SDK Tools' 탭으로 이동하면 'Android SDK Command-line Tools'라는 항목이 있다. 이것을 체크하고 Apply를 누르면 설치가 진행된다. 설치를 해주면 된다. 다시 flutter doctor를 입력해보면 여전히 문제는 해결되지 않는다. 본인의 경우 SDK를 기본 경로가..

[JavaScript] 객체

const person = { 'last-name': 'Lee', 1: 10 }; person.'last-name'; person.last-name; person.['last-name']; person.[last-name]; person.1; person.'1'; person[1]; person['1']; 위의 코드가 있을 때, 각 실행 결과는 어떻게 될까? person.1의 결과는 10이 될 것 같지만 실행해보면 오류가 발생한다. 각각의 실행 결과를 알기 위해 JS의 객체에 대해 알아야 한다. 1️⃣ 객체란 JS는 객체 기반의 프로그래밍 언어다. 따라서, JS를 구성하는 거의 모든 것(원시 값을 제외한 나머지 값 모두)은 객체다. 원시 값은 변경 불가능한 값이지만 객체는 변경 가능한 값이다. 객체는 0..

[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을 만드는 파일에서 해당 폰트를 불러와야 한다. 본인의..