본문 바로가기

컴퓨터 언어33

Sass(Scss) 정리 Sass(Scss)는 css preprocessor(전처리기) 중 하나입니다. css를 편하게 쓸 수 있는 여러 기능들(nesting, mixins, inheritance 등)을 가진다는 점이 특징입니다. Sass와 Scss는 그 내용은 같지만 문법적인 구조에서 약간의 차이를 가집니다. 가장 큰 차이는 Sass는 들여쓰기로 구분하고 ;을 사용하지 않는 반면, Scss는 {}를 사용하고 ;를 사용한다는 점이 특징입니다. 이 글에서는 Scss를 기준으로 글을 작성해보도록 하겠습니다. 1. 변수 선언 $변수 이름: 값 $w: 100px; $my-color: #ffffff; .container{ $h: 200px !global; height: $h; width: $w; color: $my-color; } .bu.. 2021. 12. 18.
[TypeScript] any와 unknown의 차이 TypeScript로 개발을 하면서 타입을 지정하기 애매한 경우에 저는 주로 any를 이용해서 타입을 지정해주었습니다. 최근에 unknown에 대해서도 알게 되었고, 둘의 차이점에 대한 글을 써보려 합니다. unknown 역시 any처럼 타입을 지정하기 애매할 때 사용한다고 합니다. 하지만 아래의 경우에서 any와 차이점을 보이는데요, 1) 할당 let typeUnknown: unknown; let typeAny:any; let typeAny2: any=typeUnknown; let typeString:string=typeUnknown; // 'unknown' is not assignable to type 'string'. let typeString2:string=typeAny; let typeObjec.. 2021. 8. 18.
[JavaScript] 불변성 JavaScript의 자료형은 크게 원시형과 객체형으로 나눌 수 있습니다. 원시형 자료형은 아래와 같습니다. 숫자형(number) BigInt 문자형(string) 불린형(boolean) Symbol null undefined 원시형 자료형의 특징은 불변하다는 것입니다. let a = 1; let b = a; 위와 같은 예시를 봅시다. 원시형 자료형의 경우 값을 할당할 떄 메모리 주소값을 이용해 값을 할당합니다. let b=a라는 문장을 통해 b 변수에 a 값을 할당할 때 역시 a의 값을 할당하는 것이 아닌 a의 주소값을 할당하는 것입니다. 원시형 자료형은 값을 할당할 떄마다 새로운 주소값을 할당하는 형식으로 동작하기 때문에 불변한 것이라 얘기할 수 있습니다. 아래 객체형 자료형을 이용한 예시문을 살펴보.. 2021. 8. 18.
[React Native] zsh: permission denied: ./gradlew mac에서 작업을 하던 중 위와 같은 오류를 마주쳤습니다. 아래의 명령어를 입력한 후 chmod +x gradlew 다시 android 폴더에서 gradle 클린 명령어를 실행해주니 정상적으로 작동했습니다. ./gradlew clean 2021. 8. 17.