Slowly, Steadily, Surely 👩‍💻

SOAP 통신을 통해서 output을 xml형식으로 받았다. 그 output은 xmlOutput에 저장되어 있다.  프론트엔드에 json 형식으로 보내주기 위해서 json으로 변환해야 한다.  XML to Json // XmlMapper를 사용하여 XML을 JSON으로 변환 XmlMapper xmlMapper = new XmlMapper(); JsonNode jsonNode = xmlMapper.readTree(xmlOutput.getBytes()); // JSON 객체를 문자열로 변환 ObjectMapper objectMapper = new ObjectMapper(..

일요일에 보고 온 토익 스피킹 시험 결과가 나왔다.   110점 이상이면 삼성 서류 쓸 정도는 되기에,그 이상만 되면 좋겠다~ 생각하면서도 4년전 150점을 받았던 과거의 나를 뛰어넘고 싶긴 했다.   시험 등록 12/31 시험 등록1/26 시험 약 4주 정도 되는 기간이었지만, 연초에는 제대로 공부를 안 해서.. 14일 정도 공부한 것 같다. 마지막 1주를 진짜 불태웠고, 스트레스도 꽤 많이 받았다.  59,000원 대학원생 버프 !!  https://www.toeicswt.co.kr/ TOEIC Speaking® 공식 사이트직장과 일상 생활에 필요한 영어 말하기 및 쓰기 능력 평가www.toeicswt.co.kr 시험장은 가장 가까운 시험장이었던 나비로테크 선택. https://naver.me/FJb..

https://nomadcoders.co/nextjs-for-beginners NextJS 14 시작하기 – 노마드 코더 Nomad CodersNextJS 14 For Beginnersnomadcoders.co React는 라이브러리, Next는 프레임워크.라이브러리는 코드 내에서 사용하려고 설치하는 것이며 사용의 주체는 개발자이다. 라이브러리는 아무 결정도 해주지 않는다. 어떤 폴더, 파일, 구조에서 사용할지 개발자가 결정.프레임워크를 사용하면 많은 일을 대신해준다. 개발자에게 통제권이 없다. Next.js의 규칙을 따라야 한다. 올바른 위치에 폴더와 파일이 있어야 한다. Next.js가 우리의 코드를 찾아서 실행한다.  https://nextjs.org/ Next.js by Vercel - The R..

* 부정 연산자console.log(!{}) => falseconsole.log(![]) => false 빈 배열도 true이다.   * 논리 연산자console.log('A' && 'B' && '')=>console.log('A' && 'B' && 'C')=> Cconsole.log(0 || 1)=> 1console.log(function () {} || undefined || '')=> f () {}console.log(false || 0 || NaN)=> NaN  * Nullish 병합 연산자const n = 0;const num2 = n ?? 7;console.log(num2);=> 0console.log(null ?? undefined);=> undefinedconsole.log(null ?? ..

https://youtu.be/T4QSK3Un4rU?si=mbvxspFCiOsg3VFW  State management전역적인 상태를 만드는 도구 const [count, setCount] = useState(10);이 상태는 컴포넌트 내부에서만 사용이 가능하다.  리액트에서 다른 컴포넌트로 데이터를 전달하는 과정은 소문이 퍼져 나가는 것과 비슷하다. 모든 컴포넌트가 props로 연결되어 있어야 한다. 하지만, 그렇게 되면 관련 없는 컴포넌트도 전달자가 되어야 하고 불필요한 렌더링이 발생한다.  State management는 방송국이다. 관련된 컴포넌트들이 management를 구독한다. 컴포넌트가 상태를 변경하면 구독 중인 컴포넌트들이 통보를 받게 되고, 각자 렌더링이 시작된다.     import ..

어제 보고 온 AWS Cloud Practitioner 시험에 합격했다. 🎉   점수는 770점으로 높지 않지만, 합격했으니 됐다!   시험 등록 11/6 시험 등록11/25 시험 약 3주 좀 안 되는 기간이었는데, 급하게 잡은 시험이라 일정을 비워놓지 못해 실제 공부한 시간은 많지 않았다. (핑계처럼 들리면 그거 맞음 ㅎㅎ)  131,525원 결제 https://www.aws.training/Certification AWS training and certification www.aws.training   CLF-C02 시험을 등록하면 된다. 아, 등록전에 혹시 모르니 재응시 프로모션을 챙기자. 물론 웬만하면 재응시 안 하는게 베스트지만 혹시 모르니까!나는 결제 하고 봐서... 뭔가 취소 후 결제의 리..

SSR(Server Side Rendering)CSR(Client Side Rendering)설명전통적인 웹 방식을 의미하며 페이지가 새로고침 될 때마다 서버로부터 리소스(관련된 HTML, CSS, JS 파일 및 데이터)를 전달받아 화면에 렌더링 하는 방식.요청시마다 새로고침이 일어나며 서버에 새로운 페이지에 대한 요청을 하는 방식 => 이미 다 만들어진 DOM을 받음.최초 로드시 필요한 파일들을 전부 받고, 사용자의 인터렉션에 따라서 클라이언트단에서 받아와 랜더링을 해주는 방식 => 기본 틀만 받고, 브라우저에서 동작으로 DOM을 그림장점 초기 화면의 렌더링 속도가 빠르며, SEO에 최적화되어 있음. 렌더링 속도가 빠름단점 매 랜더링마다 서버를 거침으로 속도가 느림.  초반에 뼈대만 다운받기 때문에,..

'-' 버튼을 누르면 해당 행이 삭제 되고,'+' 버튼을 누르면 해당 행 밑에 행이 추가 되는 로직을 만들었다.  그런데, 버튼을 눌러서 데이터셋에 변화가 생기면 스크롤이 계속 위로가는 현상이 있었다.     저 행들은 그리드의 아래쪽에 포지션되어 있는데, 추가되면 스크롤이 그리드 맨위로 이동해서 추가된 데이터가 보이지 않고 위쪽 데이터만 보이는 것이다.   suppressScrollOnNewData: true 그리드 Props에 이 코드를 추가해주니, 해결 되었다 ! https://www.ag-grid.com/javascript-data-grid/grid-options/#reference-scrolling-suppressScrollOnNewData JavaScript Grid: Grid Options ..

eslint.config.js 파일 rules에 "@typescript-eslint/no-explicit-any": "off",추가rules: { ...reactHooks.configs.recommended.rules, "react-refresh/only-export-components": [ "warn", { allowConstantExport: true }, ], "@typescript-eslint/no-explicit-any": "off", },

import axiosServices from "utils/axios";  page가 들어가는 폴더에 한 파일에서 axios를 만져준 axiosServices를 가져오는데,분명 VS Code에서는 잘 가져와진 걸로 보인다.      오후 1:45:40 [vite] Internal server error: Failed to resolve import "utils/axios" from "src/pages/SM/SM001/pageHooks/usePageFetch.ts". Does the file exist? 근데 계속 이런 에러가 뜬다. CRA에서는 본적 없는 오류라서 약간 답답했다.  import { defineConfig } from 'vite';import path from 'path';export de..