e7e

스택오버플로우에서는 매년 개발자를 대상으로 하여 가장 많이 사용하는 언어를 조사한 결과를 발표하는데 아래 링크에 가면 그 결과를 볼 수 있당.(개발자를 대상으로 한 조사라 일반 전체 조사와는 그 결과가 다르당)https://survey.stackoverflow.co/2024/technology#most-popular-technologies-languageSQL 아래 TS라고 보이는 것이 TypeScript인데 마이크로 소프트에서 맹글었당.길면 졸리고, 졸리면 고개가 무겁고, 고개가 무거우면, 결국 떨어져 잠이 드니,간략 뽀인또만 정리하면TS는 직접 실행되지 않고, 자바스크립트로 변환(Transfile, 또는 Compile이라 불림) 되고, 변환된자바스크립트가 실행된당. 변환의 결과물인 자바스크립트 ..

자바스크립트 2025. 6. 9. 18:06

리액트에 가서 스크롤바를 쪼메 내리면 아래와 같은 문구와 눈맞춤이 자동이당. React를 대략 파악했다면 Next.js 나 Remix를 해야만 한다는 표현을 애둘렀당.할 말이 적지 않지 아니 하지망, 디금 시점에 떠들면 호기심이 자체적으로 사그러들수 있당.그냥 NextJS를 괘니 시작하장. 발을 담가 보아야 그 물이 차가운지?, 뜨거운지?, 미지근한지? 를알 수 있고, 원할지 , 원하지 않을지를 취향저격에 맞추어 편파적 객관성을 얻을지어다.그래도 한개를 꼭 말해보라 하면, Front 와 Back의 밸런스를 조절(성능 UP)할 수 있당.(마음 저격이당) next_start라고 폴더를 1개 맹글공, vscode로 해당 폴더를 열어제끼공터미널(cmd)도 괘니 연 다음에 아래 명령어를 치장 (스타일이 낯..

NextJS 2025. 5. 23. 16:45

오늘은 HJ의 요청으로 리액트 라우터에 대해 이야기를 구찌스럽게 해보려 한당.먼저 form 전송 방식이 아닌, 데이터 관련 한 것만 B/E 서버와 비동기 AJAX로 통신하는SPA(Single Page Application) 기준으로 보면 구찌 주소표시줄 URL을 관리하는 라우터가 필요한가 의구심이 들 수도 있당. (의구심이 들었다면 오히려 감각이 뛰어나미당!) AJAX에 쓰는 URL은 주소 표시줄에 나타나지 않고, 나타낼 필요도 없음이당.SPA란 것이 최종 사용자 입장에선 거의 데스크탑 앱 느끼미당.하지만 이미 최종 사용자들은 URL 자체를 즐겨찾기에 저장하거나, URL을 보고 본인이어디에 있는지를 아는 사람들도 있기 때문에 새로운 환경을 만들기 전까지는 URL 관리가필요함을 인지 하지 아니 하지 않을 ..

React 2025. 5. 16. 00:23

어찌 Context API에 대한 글이 없는 것인가? ㅠㅠ 나의 실수당.왜 없는 것인가? 생각에 생각을 도돌이표 해보닝 https://react.dev/reference/react/useContext에 나름 설명이 아주 잘 되어 있어서 그랬던 것 같다. 하지만 부족한 부분이 있다.더미 데이터를 이용했기 때문에 비동기 초기화 및 CRUD 부분이 빠져 있당.JSON-SERVER 를 이용해서 간단히 B/E를 구성하여 핵심 중요 예제(5번)인 todo 리스트 예제를 재 구성하여 보장.단순히 더미데이터를 가지고 하는 것과 실제 B/E 연동은 실행 환경 관점에서 보면 꽤나 달라 보일 수도 있당. (달라 미국 달라 달라!) 먼저 Context API를 쓰면 좋은 점은 Props Drilling은 컴포넌트 구조가..

React 2025. 5. 13. 00:23

흐름으로 보면 앞에 했어야 했던(나의 불찰이당~ ㅠㅠ) useReducer 훅에 대해서오늘 쪼메 알아 보도록 하장. 내 느끼미는 useState를 알면,useReducer는 그냥 보면 알 수 있을거라 지레 판단하는,성급한 판단의 오류를 범하고 말았당.그랬당. 다행인 건 성급한 판단의 오류를 오류동에서 했단 거시당.useState가 너무 단순하여, 조금 더 복잡한 상황에 편하게 쓰라고 만들어 주었당.문제는 편하게 쓰라고 만들어 주었는데, 처음 본 사람은 그 형태에 당황하게 된다는 거시당. https://ko.react.dev/reference/react/useReducer에 가면 설명 뿐만 아니라 예제도 잘 나와있당. react.dev 사이트는 리액트를 하고픈 개발자라면 분명 자주 들러야 할 즐겨찾..

React 2025. 5. 7. 17:50

2024.10.14 - [React] - React(리액트) 티키타카 15 ( restful, tanstack, axios)글에서 잠깐 다루었지만도 불구하고, 은폐 엄폐된 낯설다는 의견이 어느덧 분분하여 암막커튼이 오토매틱하게 스스로 뽀인또를 드러낼 수 있도록 기본 전개를 다시 해보장. 아래 tanstack 홈페이지에 가면 실시간으로 NPM 다운로드 숫자가 표시되는데, 엄청나당.https://tanstack.com/원래는 그냥 react-query였는데, 유명해져서 @tanstack 브랜드명을 가지게 되었당. 잘 쓰고싶땅?. 잘 쓰려면 아래 3가지를 일단 브레인에 단어라도 낯설지 않게 구겨넣장.[ Restful 단어가 브레인에 잔잔하게 파도친다면 이미 너무 훌륭하당!~~]QueryClient -> ..

React 2025. 4. 8. 21:32

https://www.ag-grid.com/javascript-data-grid/getting-started/ 웹페이지를 만들다 보면 엑셀 모양의 리스트 페이지를 많이 만들게 되고 당연히 리스트를 만들면페이지 나누기와 검색기능이 들어가야 하고 업무용 이라면 사용자는 원하는 부분을 파일로 받는 것을넘어서 엑셀 시트 처럼 컬럼순서도 자유롭게 바꾸고,보고 싶은 컬럼과 보고 싶지 않은 컬럼 까지 자유롭게선택할 수 있는 기능을 요구할거시당.어쩌면 이미 엑셀등에 익숙한 사용자 입장에선 당연한 요구 지만 개발 입장에선 조금 난감하당.이 경우 서버단과 클라이언트단이 이 책임을 나누어 가지는 것은 좋은 디자인이 아니고,화면제어가 많이 필요한 상황에서 서버단이 책임을 지는 것 역시 좋은 디자인이 아닐 거시당.클라이언트 단..

자바스크립트 2025. 4. 7. 12:52