썬이의 IT세상

템플릿 리터럴(Template literals) 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다. 더 살펴보자면 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공한다. 템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 처리/변환된다. 템플릿을 좀 더 쉽게 편집하고 작성하기 위해 추가된 기능이나, 자체적으로 지원하기 전에도 라이브러리로 존재했던 기능이다. 템플릿 리터럴은 따옴표('' or "") 대신 백틱(``) 으로 감싸준다. Usage `text / 텍스트 입니다.` `줄바꿈 1 줄바꿈 2` /* 출력 : `줄바꿈 1 줄바꿈 2` */ const temp = 'test' console.log(`${temp} test`) // 출력 : test ..

Yarn Install 을 하기 위해 터미널에 npm install -g yarn 입력 시 에러가 날 경우 sudo npm install -g yarn 명령어를 이용해 yarn을 설치하는 경우, 위의 이미지처럼 출력되어 난감한 경우가 있다. 당황하지 말고 사용자 계정의 패스워드를 입력한 후 엔터를 치면 해결된다.

컴퓨터가 받아들이는 모든 정보는 0 또는 1로 변환되어 메모리에 저장된다. 이 때, 메모리에 있는 이진수(Binary)의 한 자리를 '비트(Bit)' 라고 한다. 앞서 말했듯 컴퓨터의 정보를 비트로만 설정한다면, 0 또는 1의 정보만 구분할 수 있다. 그래서 훨씬 다양한 데이터를 표현하기 위해 여러 비트를 묶어 정보를 나타낼 수 있다. 예를 들어, 1Bit는 0과 1. 2가지를 나타내지만, 2Bit는 00,01,10,11 총 4가지(2의 2제곱)의 표현을 할 수 있으며, 이런 식으로 비트의 수에 따라 2의 n제곱의 정보를 표현할 수 있다. 데이터를 나타내는 최소의 단위를 비트라고 정의한 것처럼, 비트에 따라 정의한 단위가 있다. '바이트(Byte)'는 8개의 비트를 나타낸 것으로, 말 그대로 1바이트에 ..

이번 주차에서는 DocumentPicker 를 사용하여 내 폰의 파일들을 Google Firebase에 업로드하고, 업로드한 파일을 가져와서 출력해주는 과제를 수행하였다. 이 과정에서 가장 나를 괴롭혔던 것은, DocumentPicker를 사용하여 가져온 딕셔너리 객체에는 Index값을 넘겨주지 않는 것이었다. (앱개발 종합반을 하면서 만들었던 '나만의 꿀팁'앱에서 사용했던 데이터는 Index값을 리스트에 넣어놔서 파일을 관리하기가 용이했다.) Slack에도 질문해보고, 여러 문서를 찾는 도중 해결 방법은 생각보다 간단했다. // Upload Page const ImageUpload = async () => { let i = 0; await getUserId(); firebase_db.ref(`user/..

지난 주차에 기본적인 MainPage를 구현하고, 각각 어떤 기능이 들어가야 좋을 지에 대해 구상하고, 이번 주차부터 본격적으로 Private Box에 들어갈 요소를 하나하나 그려나가는 중이다. 처음엔 네비게이션으로 MainPage에서 UploadPage를 창 이동해주는 효과로 진행했는데, 뭔가 배경색을 투명하게 해서 MainPage가 그대로 출력되게 하면 어떨까 하는 생각에 튜터님께 질문해서 Overlay 효과도 넣어보고, 이것저것 해본 결과 결국 Modal로 Upload 컴포넌트를 MainPage에서 랜더링해주는 식으로 진행했다. 알고나니 정말 별것도 아니고 앱개발 2-3주차때 배웠던 기능들도 있었는데, 몇주나 지났다고 저거 하나 구현하는데 2일이나 걸렸다.. 그래도 끙끙 앓다가 해결되는 순간이 얼마..

Private Box 이름 그대로 User가 사용하는 개인적인 보관함이다. 해당 앱에서는 이미지/동영상/텍스트 등의 파일을 개인 폴더에 업로드하여사용자가 열람하기에 용이한 서비스를 제공한다. (앱 이름 지으려다 시간을 너무 보내서... 추후에 생각나면 바꿔야 한다) Project Layout (GUI) MainPage 이미지 / 동영상 / 텍스트를 업로드할 버튼 전체보기 / 이미지 / 동영상 / 텍스트 / Favorite를 구분하여 출력할 Card (지난 5주간 만들었던 "나만의 꿀팁" 앱과 동일한 느낌!) Card 안에 들어갈 Favorite / Delete / Open / Share 버튼 (전체적인 느낌은 Black&White 로 심플하고 깔끔하게..) 개발해야 할 기능들 파일 업로드 기능 업로드된 ..