[React] 리액트 버전 18은 무엇이 달라졌을까? / React v18
들어가며 본 포스팅은 아래 링크된 리액트 공식문서를 바탕으로 작성된 글입니다. https://ko.reactjs.org/blog/2021/06/08/the-plan-for-react-18.html The Plan for React 18 – React Blog The React team is excited to share a few updates: We’ve started work on the React 18 release, which will be our next major version. We’ve created a Working Group to prepare the community for gradual adoption of new features in React 18. We’ve publish ko..
2021. 9. 8.
[React🌌] 리액트 공식문서 함께 읽기 📘 / 2️⃣ - 리액트를 사용하는 여러 방식 /
들어가며 이 부분을 놓치고 들어가면 안될 것 같은데 주제를 분류하다보니 이번 게시글은 길이가 좀 짧아질 것 같습니다. 중요한 내용이긴 하지만, 아마 이미 알고계시는 분들이 많을테니 그 분들은 가벼운 마음으로 보셔도 될 것 같습니다! 지난 포스팅에서는 JSX 에 대해 생각해보고, 리액트라는 게 무엇인가에 대해서 알아봤었습니다. 이제 리액트 공식문서에서는 리액트를 어떤 방법으로 이용할 수 있을지에 대해 나옵니다. 리액트를 이용하는 방법은 한 가지만 있지 않습니다. 리액트를 사용하는 방법들 1. CDN 방식 지난 포스팅에 나왔던 것과 같이 배포용 (용량 및 성능 최적화) cdn 방식을 이용할 경우, CORS 설정을 해줘야 한답니다. 위에 코드를 자세히 보시면 일반적인 src= 가 아니라 crossorigin ..
2020. 8. 28.
[React🌌] 리액트 공식문서 함께 읽기 📘 / 1️⃣ - JSX 없이 사용하는 리액트 /
JSX란? 리액트를 이용하는 개발자님들에게 여쭤보고 싶습니다. 정확히 JSX 가 뭘까요? 솔직히 말하면 저는 JSX 라는 개념을 모호하게 알고 있었던 것 같습니다. 그냥 리액트에서 사용하는 엘리먼트를 표현하는 문법? 딱 이정도로 가볍게 생각하고 있었습니다. 리액트 공식문서 초반부를 읽다가 이에 대해 다뤄보면 좋을 것 같았습니다. 자세한 내용은 글 뒷부분에 공개됩니다! 리액트 시작하기 React 공식문서의 도입부는 html 에서 React 를 어떻게 도입하는지에 대해 설명해줍니다. https://ko.reactjs.org/docs/add-react-to-a-website.html 저는 리액트의 시작을 create-react-web 으로 접해서 뭐가뭔지 잘 몰랐던 경험이 있었고, 그렇기에 또한 babel 과..
2020. 8. 24.
[개발일기] 한 단계 더 도약하자 / 리액트 공식문서 함께 읽기 0️⃣ - 도입
프론트 개발자로서 한 단계 더 도약하자. 아무것도 모른 체, 웹 개발자라는 것에 도전하던 때, 그 때는 마냥 화면을 잘 꾸미고 싶었다. 디자인된 화면을 보고, 그것들을 그대로 똑같이 모양 껍데기만을 표현하는 것도 쉽지 않았다. 수없이 필요한 들은 어떻게 구상해야 하며, 또 position 이나 display 는 또 뭐던지.... 책이나 문서를 읽는거는 통 머리에 들어오지 않아 일단 되는 데로 부딪혔던 것 같다. 대체 세로 정렬 하나 하는게 왜이리 힘든건지, 열심히 만들었더니 화면 창을 줄이면 또 왜이리 터지는건지, 참 기본 html , css도 초심자에겐 쉬운게 아니었다. 그래도 많이 깨지고 에러와 싸워가면서 배우긴 했는지 이제 기본적인 화면 구성은 어느 정도 감이 온다. react 문법도 손에 나름 익..
2020. 8. 24.
[React] 리액트 버전 18은 무엇이 달라졌을까? / React v18
들어가며 본 포스팅은 아래 링크된 리액트 공식문서를 바탕으로 작성된 글입니다. https://ko.reactjs.org/blog/2021/06/08/the-plan-for-react-18.html The Plan for React 18 – React Blog The React team is excited to share a few updates: We’ve started work on the React 18 release, which will be our next major version. We’ve created a Working Group to prepare the community for gradual adoption of new features in React 18. We’ve publish ko..
[React🌌] 리액트 공식문서 함께 읽기 📘 / 2️⃣ - 리액트를 사용하는 여러 방식 /
들어가며 이 부분을 놓치고 들어가면 안될 것 같은데 주제를 분류하다보니 이번 게시글은 길이가 좀 짧아질 것 같습니다. 중요한 내용이긴 하지만, 아마 이미 알고계시는 분들이 많을테니 그 분들은 가벼운 마음으로 보셔도 될 것 같습니다! 지난 포스팅에서는 JSX 에 대해 생각해보고, 리액트라는 게 무엇인가에 대해서 알아봤었습니다. 이제 리액트 공식문서에서는 리액트를 어떤 방법으로 이용할 수 있을지에 대해 나옵니다. 리액트를 이용하는 방법은 한 가지만 있지 않습니다. 리액트를 사용하는 방법들 1. CDN 방식 지난 포스팅에 나왔던 것과 같이 배포용 (용량 및 성능 최적화) cdn 방식을 이용할 경우, CORS 설정을 해줘야 한답니다. 위에 코드를 자세히 보시면 일반적인 src= 가 아니라 crossorigin ..
[React🌌] 리액트 공식문서 함께 읽기 📘 / 1️⃣ - JSX 없이 사용하는 리액트 /
JSX란? 리액트를 이용하는 개발자님들에게 여쭤보고 싶습니다. 정확히 JSX 가 뭘까요? 솔직히 말하면 저는 JSX 라는 개념을 모호하게 알고 있었던 것 같습니다. 그냥 리액트에서 사용하는 엘리먼트를 표현하는 문법? 딱 이정도로 가볍게 생각하고 있었습니다. 리액트 공식문서 초반부를 읽다가 이에 대해 다뤄보면 좋을 것 같았습니다. 자세한 내용은 글 뒷부분에 공개됩니다! 리액트 시작하기 React 공식문서의 도입부는 html 에서 React 를 어떻게 도입하는지에 대해 설명해줍니다. https://ko.reactjs.org/docs/add-react-to-a-website.html 저는 리액트의 시작을 create-react-web 으로 접해서 뭐가뭔지 잘 몰랐던 경험이 있었고, 그렇기에 또한 babel 과..
[개발일기] 한 단계 더 도약하자 / 리액트 공식문서 함께 읽기 0️⃣ - 도입
프론트 개발자로서 한 단계 더 도약하자. 아무것도 모른 체, 웹 개발자라는 것에 도전하던 때, 그 때는 마냥 화면을 잘 꾸미고 싶었다. 디자인된 화면을 보고, 그것들을 그대로 똑같이 모양 껍데기만을 표현하는 것도 쉽지 않았다. 수없이 필요한 들은 어떻게 구상해야 하며, 또 position 이나 display 는 또 뭐던지.... 책이나 문서를 읽는거는 통 머리에 들어오지 않아 일단 되는 데로 부딪혔던 것 같다. 대체 세로 정렬 하나 하는게 왜이리 힘든건지, 열심히 만들었더니 화면 창을 줄이면 또 왜이리 터지는건지, 참 기본 html , css도 초심자에겐 쉬운게 아니었다. 그래도 많이 깨지고 에러와 싸워가면서 배우긴 했는지 이제 기본적인 화면 구성은 어느 정도 감이 온다. react 문법도 손에 나름 익..