// 객체 생성let dynamicVars = {};// 동적으로 변수명 생성for (let i = 0; i  이렇게 무지성 변수도 선언할 수 있고,${i} 대신 기존에 선언해두었던 변수들을 사용할 수도 있다. 나의 경우에는 배열 안의 값에 해당하는 데이터의 검증한 결과를 저장해둬야 해서 동적 변수를 구현하게 되었음. 예를 들면 그리드안에 배열[] 안에 있는 값과 이름이 같은 컬럼에 데이터를 확인하는 일이다.그때는 아래와 같이 변형해서 사용할수도 있다. const checkColumns = ['Nation', 'Dept', 'Name', 'Age'] _.forEach(dataList, (row, index) => { let dynamicVars = {}; // 동적으로 변수명 생성 for (let i ..

TCP 송신 옵션 중 하나.* TCP SACK 에 대한 RFC가 나온 것이 RFC 2018로 1996년도이고, RFC 2883이 2000년도에 나왔으니.. 지금 왠만한 시스템에는 이 옵션이 적용되어 있을 것이고, 사용하고 있어야 하는게 옳다. 근데 확인해보면 이 SACK 옵션이 enable 되어 있는 경우도 많음. 확인이 필요할 듯.  TCP/IP 에서 SACK 옵션을 주지 않은 경우 TCP/IP 에 대한 개념이 모호하다면 앞서 쓴 TCP/IP 글을 읽고 오도록 하자. 여기서 들었던 예시와 이어지게 예시를 들도록 할거니까..  네트워크 :: TCP/IP 란?인터넷에서 컴퓨터들이 서로 정보를 주고 받는데에 쓰이는 통신 규약인 인터넷 프로토콜 의 모음(set) 중 하나이자 현재 가장 많이 사용하고 있는 인터..

인터넷에서 컴퓨터들이 서로 정보를 주고 받는데에 쓰이는 통신 규약인 인터넷 프로토콜 의 모음(set) 중 하나이자 현재 가장 많이 사용하고 있는 인터넷 프로토콜 슈트(internet protocol suite)이다.* TCP/IP는 하나의 프로토콜을 부르는 단어가 아니라 가장 많이 쓰는 프로토콜 두 개를 한 번에 통칭하는 단어임. TCP/IPTCP/IP는 패킷 통신 방식의 인터넷 프로토콜인 IP (인터넷 프로토콜)와 전송 조절 프로토콜인 TCP로 이루어짐. TCP는 IP 통신을 기반으로 작동하기 때문에 따로 별도로 생각하기보다는 하나의 흐름으로 보는게 적절. IP (Internet Protocol)비 신뢰성(unreliability)과 비 연결성(connectionlessness) 의 특징이 있음IP의 ..

Public 디렉토리 와 src 디렉토리의 차이점 Public 디렉토리- 정적 파일을 넣는 디렉토리 (index.html을 비롯한 html 파일, img 파일 등..)   * 파일이 후처리(post-process) 되거나 경량화(minify) 되지 않는다.   * 파일 경로를 잘못 입력하거나, 파일이 존재하지 않을 경우에 컴파일 단계에서 오류가 발생하지 않고, 사용자가 접근할 때 404 오류를 응답하게 된다.   * 파일이 수정될 때 마다 직접 파일명을 수정하거나 매개변수 쿼리를 추가해야 함     => 환경 변수를 사용하면 어느정도 해결이 가능하긴 하다.. src 디렉토리- 개발하면서 작업하는 파일의 대부분을 넣는 디렉토리 (index.js, 그 외 리액트 컴포넌트 같은 js 파일, css 파일 등....

과격하게 레거시를 쇄신하는 세 가지 방법과 그 사례안녕하세요. 일본 최대 규모의 음식 배달 서비스 Demaecan(出前館, 이하 데마에칸) 프로덕트를 담당하는 김영재라고 합니다. 어느덧 프로덕트를 쇄신한 지 2년 반이 되어가고 있...techblog.lycorp.co.jp 어제 내가 작성한 코드는 레거시이다.사용자가 한 명이라도 있는 시스템은 레거시이다. 그 한 명이 바로 당신이다.레거시를 고칠 바엔 다시 만드는 게 더 빠르다. -  -"과감하게" 레거시를 해소하는 방법인프라 단절하기코드 재작성하기(Recode)사양 경량화하기한마디로 새로 만드는 의미가 강해짐.DB 설계 등 부터 다시 뜯어서 만든다.. 기존의 레거시 서비스/시스템은 그대로 유지하되새로 컨버전할 시스템을 같은 로직이 아닌 별도 로직에서 새..

2024 DEVCON - 박미정 (공유용)팀장이 되고서야 알게된 잘하는 개발자의 비밀docs.google.com '태도'로 바라보는 역량- 시도에 의미를 두자* 솔직함 / 공유와 피드백 / 꼼꼼함 / 지식 전파 '경험'으로 바라보는 역량- 시행착오를 겪으며 경험해야 의미가 있다.* 협업 / 왜 이 일을 해야하는가? /  문제 해결을 위한 실과 득 판단 / 올바른 성장 / 우선순위 결정 / 주도성 / 오너십 / 매니징   3년차* 솔직함 / 꼼꼼함 / 공유와 피드백 / 지식 전파 7년차* 협업 / 왜 이 일을 해야하는지? / 실과 득 판단 / 올바른 성장 / 주도성 / 꼼꼼함 10년차* 협업 / 왜 이 일을 해야하는지? / 우선순위 / 오너십 / 주도성 / 꼼꼼함   \각 자리에서 가질 수 있는, 필요한 ..

공식 페이지 One, a React FrameworkOne is a React framework focused on simplicity that lets you target both web and native at once with a single Vite plugin.onestack.dev 내가 본 유투브 영상https://www.youtube.com/watch?v=ZJH4bKkwo90 VITE 빌드 툴이 기반인 리액트 프레임워크..(리액트 프레임워크라는 단어가 어색하기는 하지만..) 정말 말 그대로 이 프레임워크 하나면 풀스택 개발이 가능하다고 한다.의심하면서 유투브 동영상을 보니 쿼리짜는 부분까지 프레임워크 안에 기재되어 있음;; 백엔드 연결 부분을 라이브러리 처럼 제공하고 있을 뿐만 아니라쿼리 부..

3 Career Principles that got me to Director at GoogleWhat helped me get 5 promotions in 10 years at Googleread.highgrowthengineer.com 이직과 경력 가이드라인에 대한 글. 공기업이나 공무원처럼 회사가 나의 정년을 책임져주는 것이 아니라면회사 생활을 하다보면 기준선이 꼭 필요한데 그것에 대한 대략적인 이야기를 해주고 있다. 내가 읽고 요약한 내용으로는하나. 개발(주작업) 과 문서작업, 회사 기타 업무(부작업) 의 균형을 맞추자.둘. 주변과 소통하며 업무하자. 실패를 있는 그대로 받아들이지 말고 도약의 발판으로 이용하자. 오래 가기 위해서는 일과 휴식의 밸런스도 중요하다.셋. 레거시 코드 및 문서의 최신화..

애플은 어떻게 차트로 앱 경험을 개선할까? | 요즘IT잘 디자인한 차트는 복잡한 데이터를 효과적으로 전달합니다. 또 단순히 데이터를 시각화하는 것을 넘어, 앱의 개성을 더하고 시각적 흥미를 제공하기도 합니다. 나아가 이러한 차트는 사용자yozm.wishket.com  데이터 시각화 101: ⑤어떤 색을 어떻게 사용해야 할까? | 요즘IT색의 사용은 데이터 시각화에서 정보를 전달하는 데 매우 중요한 역할을 합니다. 색은 복잡한 데이터를 직관적으로 이해할 수 있도록 도와주며, 사용자의 주의를 끌고, 정보를 명확하게 전달하yozm.wishket.com 데이터에 관심이 생기는 요즘 !!!

3달 만든 코드를 모두 엎고 배운 것 | 요즘IT창업한 다음, 제품을 처음부터 다시 만들기로 결정한 시점은 이미 프로젝트를 시작한 지 두 달이 지난 후였습니다. 처음부터 다시 코딩을 시작한 지 5주가 지나 알파 버전으로 서비스를 개시했yozm.wishket.com 사용자 중심의 프로그램 코딩.엔지니어도 갖춰야할 서비스 정신에 대한 글

AI와 협업하기: AI 페어 프로그래밍이란? | 요즘ITAI 시대에 개발자에게 중요한 것은 속도와 문제 해결 능력입니다. 더 빠르고 효과적으로 AI 도구를 활용하여 문제를 해결할 수 있는지가 관건이 될 것입니다. 우리는 앞으로 어떤 기술의 변화가yozm.wishket.com 다시 개발에 집중하는 시기가 오게 된다면AI 코파일럿 중 하나를 꼬옥 써봐야겠다.

인터넷 검색하니 죄다 리눅스, ios 이야기에서 먹히는 코드만 복붙한 것 처럼 널려 있어서..윈도우 환경에서, vs code 를 이용한 react 프로젝트의 힙 메모리를 변경하는 방법을 메모해둠. 터미널을 powershell 환경으로 연다.만약 터미널이 다른 환경으로 되어 있다면ctrl + shift + P 한 다음 Terminal: Select Default Profile을 해서 터미널 기본 설정을 powershell 로 바꿔주던가.여기서 열 때 powershell 창을 하나 열어 주도록 하자. 현재 내 힙 메모리 확인//powershellnode -e 'console.log(v8.getHeapStatistics().heap_size_limit/(1024*1024))' 힙 메모리 사이즈 변경//powe..