본문 바로가기
반응형

전체 글1066

nextjs react 차이 Server와 Client 렌더링 nextjs와 react를 접하면서 차이점이 난해하지만,근본적인 차이점이 있다면 서버와 클라이언트 차이일 것이다.nextjs는 서버 사이드 렌더링을 통해 웹페이지에 데이터를 표현하다면,react는 클라이언트 사이트 렌더링을 통해 웹페이지에 데이터를 표현한다.이렇게 작성하니 더 난해해지긴 하지만, 쉽게 풀어보면 다음과 같다.웹브라우저의 기준에서 nextjs는 정적이고, react는 동적이다.nextjs react 차이Server와 Client 2025. 1. 8.
다시 공부해 보는 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.
스프링부트3 타임리프 사용이유 SpringBoot3 + thymeleaf 타임리프는 정적인 html을 동적인 html로 렌더링한다. 서버렌더링하여 html을 클라이언트로 내려준다. 클라이언트의 자바스크립트 또한 동적인html를 구현할 수 있다. 타임리프는 과거의 JSTL과 비슷한 면을 가진다. 서버에서 동적인 html을 구성하여 클라이언트에 html를 전달한다. 자바스크립트로 처리하기 어려운면을 타임리프가 처리하고 데이터의 흐름을 간편화 할 수 있는 장점도 생긴다. 어쨌든, 활용도가 높다.스프링부트3 타임리프 사용이유SpringBoot3 + thymeleaf스프링부트3( SpringBoot3 )를 공부할 때 거의 필수적으로 설치하는 것이 타임리프 ( thymeleaf ) 이다.스프링부트를 위해 사용한다기 보다는 스프링부트에서 사용하는 html 를 위한 것이다.스프링부트 프로젝.. 2024. 8. 25.
반응형

티스토리툴바