반응형 programming760 처음 시작하는 리액트 프로젝트 생성하기 리액트 프로젝트를 생성할 때 사용하는 명령어는 create-react-app 또는 create-next-app 등을 사용하면 된다.공식문서에 따라 첫번째 명령어는 이제 지원을 하지 않는다고 하지만, 과거 진행했던 프로젝트들을 다시 점검하려면 필요한 구문이다.리액트 개발은 너무 개념도 어렵지만, 뭔가 업데이트가 이뤄지면 걷잡을 수 없는 일이 가끔 발생하는게 여전히 적응이 되지 않는다.결과적으로 과거 버전의 리액트를 이용해 프로젝트를 생성할 필요가 생길 수 밖에 없는데,공식문서를 한 번 따라해 보면, 다행히 프로젝트는 생성되고, 화면에 리액트 그림이 표시는 된다.처음 시작하는 리액트 프로젝트 생성하기npx create-react-app@latest 2025. 2. 26. Next JS React 차이 Server와 Client html 렌더링 차이 nextjs와 react를 접하면서 차이점이 난해하지만,근본적인 차이점이 있다면 서버와 클라이언트 차이일 것이다.nextjs는 서버 사이드 렌더링을 통해 웹페이지에 데이터를 표현하다면,react는 클라이언트 사이트 렌더링을 통해 웹페이지에 데이터를 표현한다.이렇게 작성하니 더 난해해지긴 하지만, 쉽게 풀어보면 다음과 같다.웹브라우저의 기준에서 nextjs는 정적이고, react는 동적이다.Next JS React 차이Server와 Client html 렌더링 차이react를 겪으며, 그냥 놀라운 점이 한가지가 아닌데, html 렌더링에 따라 차이가 있다.html를 렌더링하는데 Server 또는 Client에서 하는 차이가 될 것이다.서버 사이드 렌더링 SSR과 클라이언트 사이드 렌더링 CSR의 개념은 이.. 2025. 1. 17. 다시 공부해 보는 C# WPF 프로그래밍 C#과 WPF로 프로그래밍을 할 줄 알면 윈도우용 프로그램을 예쁘게 만들 수 있고, 윈도우API를 활용하여 풍부하고 직관적인 인터페이스 또한 구현할 수 있다. 하지만 마이크로소프트의 무관심인지 어떤지 모르겠지만, 우리나라에서 인기없는 것 또한 사실이다. 거의 JAVA, React, SpringBoot, Flutter 등으로도 얼마든지 개발이 가능하기 때문일 수 있다. 더욱이 Python은 좀 더 빠르게 프로그램을 만들 수 있다.이 와중에도 굳이 C# WPF로 프로그램을 다시금 공부하기 시작한 이유가 있다면, 뭐, 아쉬움도 있고, 집에 있는 책에 있는 코드 공부하고 정리한 후 버릴 생각이기 때문이다. 그럼에도 불구하고 본인이 굳이 C# WPF를 고집하는 이유가 있다면 비주얼 스튜디오를 업고 편한 개발이 가.. 2024. 12. 8. 리액트 훅이란 뜻과 종류 / React Hook 리액트 프로젝트를 겪으며 느낀 점은 훅(Hook)의 개념이다. 쉽게 이해가 될 듯 하면서도 돌아서면 잊어버리도 난해해진다. 그럼에도 기억에 남는 것이 있다면 useState와 useEffect 그리고 useCallback 정도이다. 아마도 자주 보게되니 기억에 남은 모양이지만, 기억에만 남았을 뿐 이것을 어떻게 사용하는지도 지금도 헷갈린다. 개인적으로 그냥 웹이 좋지만, 대세는 리액트( React )와 플러터( Flutter )이니 따라갈 수 밖에 없는 듯하다. 이렇게 된거 공부하는 김에 Hook에 대해 공부해 보고자 한다.리액트 훅이란 뜻과 종류 / React Hook리액트를 다루면서 훅( Hook )이란 존재를 자주보게 된다.훅에 대한 내용을 찾아보면 리액트의 상태관리와 생명주기를 다루는 내용이 가득.. 2024. 10. 21. 이전 1 2 3 4 ··· 190 다음 반응형
