처음에

2021년 3월 현재 Open Hack U 2020 Online Vol.4 에 도전하고 있습니다.
팀의 제작물로, LIFF (LINE Front-end Framework) 를 사용한 것을 작성하기로 했습니다.
M1 Macbook Air에서 LIFF를 사용하는 것은 처음입니다.
그래서 환경 구축 등으로 막힌 곳을 써 두고 다시 M1 Mac에서 LIFF를 사용할 때 지루하지 않도록하기위한 비망록입니다.

이 기사의 목적

이 기사는 Hackason 등에서 M1 Macbook을 사용하는 사람들을 위해 썼습니다.
다양한 앱을 만들 때의 후보로서 LIFF를 사용한 앱 개발에 도전해 보면 어떻습니까?

막힌 곳

참고 기사 1을 진행하고 있었는데, yarn 가 잘 사용할 수 없는 것을 알았습니다.
따라서 현재 M1 칩의 Mac에서는 yarn 를 사용하지 마십시오.

최종 코드

마지막으로 만든 앱 는, 이쪽입니다.
메시지를 보내고 Google을 Chrome(기본값으로 설정한 앱)에서 열고 친구에게
메시지를 보낼 수 있습니다.

진행하는 동안 설치한 앱

htps : //이다 sh보아 rd. 응 g로 k. 코 m / 게 ts r d / 세츠 p
배포 대상

만든 앱

+

참고 기사

React + TypeScript를 사용하여 LIFF 만들기

【M1 Mac】React 개발 환경 구축

nodebrew의 "Warning : Failed to create the file"에 대처

npm 및 yarn 명령 조견표

Mac에 ngrok을 설치하여 로컬 웹 서버를 외부에서 연결할 수 있습니다.