DEV

more

NextJS 시작하기

Framework overview 이 글은 노마드 코더의 NextJS 시작하기라는 무료 강의를 듣고 작성되었습니다. 강의링크 1.0 Library vs Framework 1.1 Pages Next.js에는 기본적으로 pages라는 폴더가 있는데, 그 폴더는 라우터 역할을 한다. 안에 index.js를 만들면 로컬호스트의 메인페이지에 자동으로 렌더링 된다. 만약 about.js를 만들면 /about 페이지에 해당 내용이 렌더링 되는 방식이다. 즉 파일의 이름이 url이 된다. 하지만 그 안의 컴포넌트의 이름은 상관이 없다. 하지만 그안에 렌더링 될 컴포넌트는 default export가 되어야 한다. 또한 next.js는 자동으로 404페이지를 제공해준다. pages 폴더 안에는 반드시 index.js가 ..

React 2023.01.02 0

TypeScript로 블록체인 만들기(4)

Block Chain 이 글은 노마드 코더의 타입스크립트 무료 강의를 보고 노트 정리를 한 글입니다. 강의링크 5.0 Introduction 5.1 Targets 프로젝트 폴더 생성후 npm init -y를 통해 새 package.json 파일을 생성해준다. package.json을 다음과 같이 수정해준다. { "name": "blockchain", "version": "1.0.0", "description": "", "scripts": { }, "keywords": [], "author": "", "license": "ISC" } 그리고 타입스크립트를 설치해주자. 터미널에 npm install -D typescript 라고 적으면 된다. 그러면 package.json에 devDependencies 가 ..

타입스크립트 2022.12.30 0

TypeScript로 블록체인 만들기(3)

Classes 이 글은 노마드 코더의 타입스크립트 무료 강의를 보고 노트 정리를 한 글입니다. 강의링크 4.0 Classes 이번에는 객제지향 타입스크립트에 대해 배워보자. 타입스크립트로 클래스를 만드는 방법은 아래와 같다. class Player { constructor( private firstName:string, private lastName:string, public nickName:string ) } 타입스크립트에서는 constructor에서 public, private 속성을 부여할 수 있다. const ttolbe= new Player("Ttolbe","Na","Tolby") ttolbe.firstName; ttolbe.nickName; 위와 같이 오브젝트를 만들고 firstName 속성을..

타입스크립트 2022.12.29 0

TypeScript로 블록체인 만들기(2)

Functions 이 글은 노마드 코더의 타입스크립트 무료 강의를 보고 노트 정리를 한 글입니다. 강의링크 3.0 Call Signatures call signature는 함수의 타입을 정하는걸 의미한다. call signature를 호출하는 방법은 아래와 같다. type Add=(a:number, b:number)=>number 두 인자를 숫자로 받고 결과값으로 숫자를 리턴한다는 의미를 갖는다. const add:Add=(a,b)=> a+b call signature를 사용하면 a,b가 숫자 타입이라고 명시할 필요가 없다. 3.1 Overloading 오버로딩은 외부 라이브러리에 많이 사용 된다. 패키지나 라이브러리는 오버로딩을 많이 사용하기 때문에 모양 정도는 알아두는게 좋다. type Add1=(a..

타입스크립트 2022.12.28 0

TypeScript로 블록체인 만들기(1)

Overview of TypeScript 이 글은 노마드 코더의 타입스크립트 무료 강의를 보고 노트 정리를 한 글입니다. 강의링크 2.0 How TypeScript Works 타입스크립트는 자바스크립트와 다르게 개발자를 보호해준다. 컴파일 이후에 코드의 에러를 알려주는 자바스크립트와 달리, 타입스크립트는 자바스크립트로 변환되기 전에 에러가 있다면 컴파일 되지 않는다. const Tollbe={ nickname:"Tolby" }; Tollbe.hello() 위와 같은 코드는 자바스크립트에서는 실행후 에러를 보내지만 타입스크립트에서는 실행되기 전 에러를 알려준다. function divide(a,b){ return a/b } divide("hello") 위 코드 역시 에러가 난다. 나누기 연산을 통해 타입스..

타입스크립트 2022.12.27 0

LIFE

more

패왕별희에 대해

내가 가장 사랑하는 영화를 뽑으라면 나는 주저 없이 패왕별희를 말할 것이다. 그만큼 내게는 인상 깊은 영화였다. 무엇이 내가 이 영화를 그리도 사랑하게 만들었는지, 잘은 모르겠지만 음악도, 영상미도, 스토리도, 캐릭터도 모든 것이 너무나도 아름답고 슬프다. 감독은 젊어서 문화대혁명을 겪었다고 하는데 그런 감독의 경험이 영화에 더욱 생동감을 주지 않았을까 싶다. 영화에 대한 생각을 흐름대로 적어볼까 한다.(스포일러가 있다.) 가장 인상깊은 장면을 뽑으라면 당연히 데이가 절규하는 장면이다. 데이는 굉장히 감정적이고 이기적인 캐릭터라고 할 수 있지만 이 영화를 보고 누가 감히 그를 미워하겠는가. 좋았던 점은 영화가 단순히 문화대혁명 이전의 경극 문화를 좋게만 포장하지 않는다는 점이다. 데이와 샬루는 결국 성공..

영화와 드라마 2022.04.14 0

영어를 무료로 잘하는 법

영어는 얼마든지 재밌고 쉽게 배울 수 있는 언어인데, 많은 사람들이 영어를 어려워하고 재미없어 한다. 대부분 영어를 문법과 단어 위주로 공주하기 때문이다. 나는 영어를 문법과 단어 위주로 공부하는 것에 굉장히 반대한다. 그 이유는 영어에 흥미를 잃게 되는 큰 원인이 되기 때문이다. 그렇다면 어떻게 공부해야 할까. 우선 자신의 관심 분야에 관한 영어 기사들을 찾아보자. 영어를 잘하지 못하는 사람들에게는 식상하지만은 Time for Kids를 강력 추천한다. 우선 무료고 수준별로 기사가 나뉘어져 있으며 긴 기사에는 영어로 듣기 기능을 제공한다. 어느 정도 실력이 된다면 영어로 된 소설이나 BBC 기사, Time지 기사들을 추천한다. 영어로 된 흥미로운 팟캐스트를 듣는 것도 상당히 좋은 방법이다. 내가 재밌게..

사소한 이야기 2022.04.13 0

개발자에게 영어는 필수다

개발을 한지 얼마 되지는 않았지만은 영어는 정말 필수라는 생각이 든다. 코딩을 적을 때는 알파벳을 쓰고 태그들은 영어에서 온것이 많으며 에러 메세지는 영어로 뜨고 무엇보다 개발에 대해 검색했을 때 한국어로 검색했을 때의 양과 영어로 검색했을 때의 양은 천차만별이다. 영어를 어렵게 느끼는 개발자들을 위해 영어를 쉽고 재밌게 배울수 있는 방식에 대해 다음에 포스팅을 해봐야겠다.

사소한 이야기 2022.04.13 0