web

Lynx의 튜토리얼은 Product Gallery 만들기와 Product Detail 만들기로 구성되어 있다. 나는 그 중에서 갤러리 만들기를 먼저 해볼 예정이다. 지난 Quick Start에 이어서 공식문서 탐방을 하고 있다.Tutorial: Product Gallery를 보며 기록했다. 주로 복붙했다. 작업하면서 뭔가 이상하다고 느낀 부분의 코드만 살짝살짝 바꿔서 했다. 블로그 글로 업로드하는 내용은 분량상 2편으로 나눠서 진행한다. 이 글은 지난 글에 이어서 쓰는 Part 2다.Part 1 : 프로젝트 세팅부터 global style, component 하나 만들기, useState 사용하기Part 2 : list 태그 사용하기, Auto-Scrolling, MTS(Main Thread Scri..

Lynx의 튜토리얼은 Product Gallery 만들기와 Product Detail 만들기로 구성되어 있다. 나는 그 중에서 갤러리 만들기를 먼저 해볼 예정이다. 지난 Quick Start에 이어서 공식문서 탐방을 하고 있다.오늘은 Tutorial: Product Gallery를 보며 기록했다. 주로 복붙했다. 작업하면서 뭔가 이상하다고 느낀 부분의 코드만 살짝살짝 바꿔서 했다.블로그 글로 업로드하는 내용은 분량상 2편으로 나눠서 진행할 예정이다.Part 1 : 프로젝트 세팅부터 global style, component 하나 만들기, useState 사용하기Part 2 : list 태그 사용하기, Auto-Scrolling, MTS(Main Thread Script)로 메인 스레드 다루기 이 튜..

이번엔 Lynx 공식문서의 Quick Start 파트를 통해 Lynx 세팅을 하고 처음 실행하는 일을 해볼 생각이다.공식문서 - Quick Start를 읽고...이 글은 Lynx 프로젝트를 세팅하고 처음 실행해보는 일을 따라한다.그리고 맥북에 iOS 시뮬레이터로 실행한다. (Xcode는 이미 깔려있다.)pnpm으로 진행하는데, 이건 상관 없을 것 같다.(또한 2025년 4월 기준인 만큼 버전 이슈는 미래에 알 수 없다.) RequirementsNode.js 18 버전 이상(Type Script를 쓰기 위해선 Node.js 18.19은 되야한다.) Installation1. Create a new Lynx project[create-respeedy]Rspeedy라는 툴을 사용해서 Lynx 프로젝트를 빌드한..

영어 공부 겸 새로 나온 기술을 공부하고자 공식문서를 읽고 조금씩 읽고 정리한 글이다.공식문서의 메인 페이지와 Why Lynx라는 글을 읽었고 구글링, ChatGPT와 함께 내 나름대로 정리했다. 지금부터 공식문서의 메인 페이지와 메인페이지에서 바로 들어갈 수 있는 Why Lynx를 통해 Lynx가 추구하는 바를 알아보자.Lynx공식 홈페이지를 읽고Empower the web community and invite more to build across platforms아무튼 웹에서 사용했던 기술(JS, TS, React)을 활용해서 React Native나 Flutter처럼 크로스 플랫폼을 구현하겠다라는 얘기인 것 같다. 틱톡을 만든 바이트 댄스에서 만든 오픈소스로 그쪽 회사의 프로덕트는 모두 이 기술 L..

시작에 앞서 재작년부터였을까. 아니면 작년부터였을까. 어쩌다보니 JS가 가장 편해졌고 어느 순간 프론트를 메인으로 잡고 가고 있었다. 그런데 딱히 싫지 않다. ㅎㅎ 백엔드도 JS로 되니까~ 그간 공부할 때 봤던 사이트, 책을 정리해놓고자 한다. 공식 문서 프론트엔드를 해야겠다! 리액트를 해야겠다! 라고 할 때 가장 많이 본 것은 사실 책이 아니라 공식문서였다. 요즘 공식문서가 너무 많이 잘 되있다. 모든 API 레퍼런스와 튜토리얼까지 자세하게 나와있기 때문에 책보다 중요하다. 리액트 공식문서(튜토리얼) : https://react.dev/learn 타입스크립트 핸드북 : https://www.typescriptlang.org/docs/handbook/intro.html NextJS 공식문서 : https..

"한빛미디어 활동을 위해서 책을 제공받아 작성된 서평입니다" 아무 말 소마 팀에서 프론트엔드 포지션을 소화하게 되면서, 프론트 관련한 책을 얻고자 이 책을 신청했다. 프론트엔드 개발을 하다보면 HTML, CSS, JS에 대한 공부가 필요하다는 것은 누구나 느끼는 것 같다. (CSS가 지잉짜 어려운 것 같다.) React, Next 같은 메인 툴, CSS를 더 편하게(?) 작성해주는 툴들… 등등 프론트엔드의 세상에서는 많은 라이브러리, 프레임워크가 생기고 사라지는 것을 반복한다. 나는 우리 팀 개발에서 Next.js 13버전을 쓰고 있다. 인터넷강의를 그렇게 적극적으로 찾아보진 않았지만 내가 원하는 버전으로, 내가 원하는 만큼, 여러 다른 라이브러리 스펙까지 맞춰서 가르쳐주는 강의는 참 찾기 어렵다. 그런..