react 3

chat GPT를 활용하여 템플릿엔진(타임리프)에서 react(react-native)로 리팩토링해보기

일단 나는 react나 vue.js와 같은 프론트엔드 프레임워크에 대해서 잘 알고 있지는 않다. 그래서, 개인프로젝트하거나 서버API를 화면을 통해 테스트를 할때에 주로 타임리프와 같은 템플릿엔진을 사용해 화면을 만든다. 최근에는 기존에 만들어둔 템플릿엔진을 통한 화면들을 react로 리팩토링 해보고자 끙끙댔었는데, chat GPT의 도움을 받아 변환시켜보니 매우 수월하게 작업을 완성시킬 수 있었다.(변환된 코드를 보고싶으면 여기 github코드를 참고하시길바랍니다.) 그러나, react에 대한 지식이 부족하다보니 코드는 변환시켰지만 큰 틀에서 프로젝트 구조는 다소 유치한 수준이라는 감안하길 바란다. 더불어, react에서 react_native 코드도 변환시켜보니 같은 React이다 보니 보다 더 ..

react와 spring boot

spring boot를 통해 rest api 서버를 구축하고, react를 통해 데이터를 가져와 화면에 뿌려주는 간단한 구현을 해보고자 한다. 매우매우 단순한 화면을 통해 프론트엔드 / 백엔드 연동 샘플을 만들고자 한다. *참고 git) https://github.com/kimseonguk197/react_spring_connect REACT 프로젝트 생성 커맨드창에 아래 명령어를 통해 react프로젝트를 생성한다.(mac기준, npm이 설치 됐다 가정하겠다.) npm create react-app myreact 에러가 나지 않았다면 해당 폴더로 이동후에 react를 실행한다 cd react-app npm start 3000번 port에 아래와 같은 이미지에 나왔다면, 정상 구체적인 코딩은 일단 스프링 ..

프론트엔드 VS 백엔드

이제 막 진로를 정하고자 하는 신입개발자들은 백엔드로 커리어를 정할지, 프론트엔드로 할지 많은 고민이 될 것이라 생각한다. 진로를 정함에 있어 조금이라도 도움이 되고자 아는선에서 글을 써보고자 한다. (백엔드 개발자인 나의 편견과 주관이 다소 섞여 있을수 있으니, 혹시 불편하게 느끼시거나 잘못된 정보가 있다면 댓글을 달아주세요.) 1.수요공급측면 최근1년 스타트업으로 이직 후에는 개발자를 뽑기위해, 프론트엔드/백엔드 개발자들의 지원이력서들을 많이 검토하고 있는데, 최근들어 유독 저연차 프론트엔드 개발자들의 공급이 많아지고 있는 것을 느끼고 있다. 다시 말하면 괜찮은 2,3년차 백엔드 개발자들을 찾기가 힘들어졌다는 뜻이다. 대한민국 개발자의 주요 공급 root 중 하나인, 국비교육을 마치고 경력을 쌓기 시..