react conf 2024 day 2 리뷰 

## Keynote
- State of React Native
	- https://youtu.be/0ckOUBiuxVY?t=2419
	- 마이크로소프트 오피스, 윈도우11 시작 화면 에서도 react native 사용 중
	- 여러 회사외 협업 중
- New Capabilities
	- https://youtu.be/0ckOUBiuxVY?t=3080
	- 새로운 아키텍처가 적용 중이고 현재 beta임
- Production Ready Apps
	- https://youtu.be/0ckOUBiuxVY?t=3586
	- react native만으로도 잘 만들수 있지만 Expo를 쓰면 더 좋을 것이다.라고 말함
	- https://expo.dev/
	- Expo SDK for React Native
## Extending React Native Beyond Mobile & Desktop Apps
- https://youtu.be/0ckOUBiuxVY?t=5799
- 아마존 개발자 두 명 나와서 발표함.
- 멀티 디바이스 환경에서의 개발할 때 고려할 사항
	- performance
	- code re-usablility
	- user & detice interactions
- 멀티 디바이스 안쓰면 한 숨 자도 된다고 함. ㅋ
## React compiler depp dive
- https://youtu.be/0ckOUBiuxVY?t=9312
- 초반에 언급되는 코드 예제들은 결국 funciton은 stateless 하게 작성하고 사이드 이펙트는 hook으로 변경해주어야 된다는 얘기. java진영에서는 이미 수십년전부터 나왔던 얘기
- 이렇게 코드를 작성했을 때 react compiler가 제대로 인식하고 도움을 줄 수 있다는 내용
## And Now You Understand React Server Components
- https://youtu.be/0ckOUBiuxVY?t=11255
- React Server Components : RSC
- RSC 가 SSR과 구분되는 점은 렌더링의 단위가 페이지가 아닌 컴포넌트라는 것이다.
## React Rhythm & Blues
- https://youtu.be/0ckOUBiuxVY?t=12729
- react의 ecosystem이 react core에 어떻게 영향을 미쳤는지 보여줌
- react -> react suspense -> react hooks 
                      -> react Actions, servcer components
- 항공좌석 예약하는 과정을 rsc로 구현하여 보여줌
## Solve 100% of your errors
- https://youtu.be/0ckOUBiuxVY?t=19881
- Sentry 홍보나온 듯
	- https://sentry.io/welcome/
## Demystifying accessiblility in React apps
- https://youtu.be/0ckOUBiuxVY?t=20659
- 웹 접근성 관련된 얘기
## Pigment CSS, CSS in the server component age
- https://youtu.be/0ckOUBiuxVY?t=21698
- 서버 컴포넌트에서의 CSS 대한 얘기 
- styled component 손들어 보라고 했는데 4-50% 정도 손을 드네요. 
- Pigment CSS
	- https://github.com/mui/material-ui/tree/master/packages/pigment-css-react
## Spatial computing with React
- https://youtu.be/0ckOUBiuxVY?t=22537
- 제목그대로... 공간 컴퓨팅에(vr 같은거) React 사용하는 것에 대한 내용
- react native 를 사용하여 스마트폰과 vr 기기에서 앱 구현한 데모 보여줌
- https://www.callstack.com
## Enhancing Forms with React Servcer Components
- https://youtu.be/0ckOUBiuxVY?t=25286 
- form action 에 대한 내용
## The next decate of React Native
- https://youtu.be/0ckOUBiuxVY?t=26571
- cross platform react
- layers of a react app
	- react-strict-dom
- 코드를 한번만 작성하면 모든 곳에서 사용가능 한가? No
	- 모든 플랫폼을 만족시키는 것이 목표가 아니다. 
	- 상식적으로 코드를 공유해야할 곳에서만 공유하면 된다. 
	- 따라서 의미 있는 플랫폼 차별화에 더 많은 시간을 할애할 수 있습니다.
- 웹 호환성이 react native의 이정표(북극성)이다.

댓글

댓글 쓰기

이 블로그의 인기 게시물

Session 대신 JWT를 사용하는 이유

이미지
Session 대신 JWT를 사용하는 이유  실 서버는 하나의 인스턴트로만 동작하지 않는다. 서버의 고가용성(high availabliity, HA)을 확보하기 위해 두 개 이상의 병렬서버로 운영하게 된다.  서버가 병렬로 운영되는 상황에서 세션을 사용하면 각 서버간의 세션을 동기화하는 문제가 발생한다. 이를 해결하기 위해 공유 데이터베이스를 이용한 세션공유 기법들을 사용하기도 한다.  서버가 많아지면 세션동기는 더 어렵다.  JWT를 사용하면 세션사용으로 인한 서버 자체에 부담도 줄이면서 공유 세션에 대한 관리가 한층 수월하다. 스프링 시큐리티 - SecurityConfig.java session을 사용하지 않도록 설정 jwtAuthFilter 추가 httpBasic 제거 - JwtAuthenticationFilter.java config.filter 패키지에 파일 추가 jwt dependency 추가 (3개). gradle refresh하는 거 까먹지 말기 config.service 패키지에 [JwtService.java](http://JwtService.java) 추가 jwtService와 UserDetailService final field 추가. @RequiredArgsConstructor 까먹지 말기 - config.service.JwtService 소스 참조해서 파일 작성 - controller, service 수정 User 를 리턴하면 pwd가 그대로 노출되므로 AuthResponse와 AuthRequest로 교체 Github https://github.com/ohhoonim/factory.git 유튜브 영상 스프링부트 - 보안 JWT JWT - refresh 토큰과 logout
자세한 내용 보기

VSCode에서의 VIM 단축키와 키보드 구매 가이드

``` [!NOTE] Winddows와 Macos macos를 기준으로 설명하고 있으나, 거의 대부분 macos의 `Cmd`키를 `Ctrl`키로 변경하면 windows에서도 그대로 사용할 수 있음 ``` # VSCode 단축키 - `Cmd + p` : 파일 오픈을 위한 palette - `Cmd + shift + p` : 명령어 실행을 위한 palette. `Cmd + p` 한 다음 '>'를 입력해도 됨 - `Cmd + shift + o` : 현재파일에서 심볼 찾기 (field, method, function 등). `Cmd + p`한 다음 '@'를 입력해도 됨 - `Cmd + Opt + ` : 열려있는 편집기 전환 - `Cmd + shift + e` : 편집기와 탐색기를 전환 함. (탐색기에서 vim 커서 이동 키도 동작한다는 것이 핵심) - `Cmd + Opt + ` : 열모드로 블럭 지정. (VIM단축키와 조합하면 최상임. 이건 글로 설명이 안됨) --- ``` [!NOTE] VSCode용 Vim 확장 - 여기서는 vscodevim 에서 제작한 Vim 확장을 설치하여 사용한다. Vim 단축키는 다를 바 없다. - `esc`키를 눌러 Normal모드 진입시 '한글' 입력상태인 경우 많이 불편하다. '한영'을 자동으로 변환해주는 여러 방법들을 써봤지만, 몇 일 지나면 풀려서 잘 동작 안한다. 그냥 Normal 모드 진입시 '한영'변환을 신경써서 잘 해주자. (시간낭비하지 마세요) - macos의 경우 `Cmd`키와 `Caps`키를 바꾸자. - Windows의 경우 `Ctrl`키와 `Caps`키를 바꾸자. (써보면안다. 얼마나 편한지) ``` ``` [!warning] - 표기된 모든 단축키는 `대소문자`를 구분합니다. (shift 입력하기 귀찮아서임) - `잘라내기`라고 표기한 것은 `붙여넣기`가 가능하다는 뜻입니다. - VIM 모드 전환은 직...
자세한 내용 보기

우분투에서 테스트링크(testlink)와 맨티스(mantis)로 테스팅 서버 구성하기

이미지
설치하기에 앞서 테스팅 이야기 ISO/IEC/IEEE 29119 에서는 소프트웨어 테스팅의 표준standard에 대해 정의하고 있습니다. 돈받고 파는 문서를 '표준'이라고 번역하기는 좀 껄끄러운데요. 'standard'는 비지니스를 안정적으로 수행할 수 있는 잘 정리된 '가이드' 정도가 올바른 번역이 아닐까 생각됩니다. 소프트웨어에 표준이 있다면 얼마나 좋겠습니까마는 no silver bullet 이라는 말도 있듯이 이건 그냥 iso에서 제시하는 가이드일 뿐이라는 것이 개인적인 의견입니다. 뭐 대단한거 한다고 시작하는데 말이 많군요. (^^;) 29119 part2에서는 테스트프로세스를 다루고 있구요. 이 중 test management process 항목이 있습니다. 어딜가나 비지니스가 끼어드니 management는 빠지는 곳이 없네요. 먹고살려면 어쩔수 없죠. 경영진을 설득하기 위한 부단한 연구라고 인정하는 수밖에.  출처 :  http://softwaretestingstandard.org/part2.php 테스팅 서버를 구성하는 이유는 test management process 관점에서 'test monitoring & control'이 필요하기 때문입니다. (위 그림에서 가운데 노란색 박스) testlink 는 오픈소스로서 전 세계에서 가장 많이 사용되고 있는 툴이며 monitoring과 control을 위해 적절한 기능을 제공하고 있다고 판단됩니다. 맨티스는 testing completion 조건을 만족시키기 위한 테스팅 조직과 개발 조직간의 협업툴로서 이용될 수 있습니다. 개발조직에서는 맨티스와 같은 버그 리포트 툴을 사용하고 있으며 bugzilla, jira와 같은 다른 버그리포트 툴로 대체될 수 있습니다. 본 포스팅에서는  monitoring & control 을 수행하기 위한 테스팅 환경 구축이라고 보시...
자세한 내용 보기