2024년 10월 08일
vscode에서 검색 후 방향키를 누르면 검색어에 대한 일괄 변경 기능이 지원된다.
작업 중 .hideOverlay 함수에 대한 일괄 변경을 처리하려는데,
a.hideOverlay, b.hideOverlay… 와 같이 앞에 붙어있는 문자가 모두 다른 상황에서는 단순 검색으로는 변경이 불가능하여 정규식 검색 후 그룹화하여 일괄 변경 처리를 진행했다.
우측위에 .* 아이콘을 클릭하여 정규식 검색을 활성화 후 검색어 및 수정단어에 정규식 처리하여 완료
// 검색어 : (this\.[a-zA-Z]*)\.hideOverlay\(\);
// this부터 hideOverlay 앞의 값까지 모두 그룹화 지정
this.aaa.hideOverlay();
this.bbb.hideOverlay();
// 수정단어 : if($1) { $1.hideOverlay(); }
// 일괄 변경된 결과
if(this.aaa) { this.aaa.hideOverlay(); };
if(this.bbb) { this.bbb.hideOverlay(); };
2024년 12월 09일
1. 강의 시청 화면에서 cmd + i 눌러서 개발자도구 오픈 2. console에 스레드에 있는 코드 입력 3. 붙여넣기 안되는 분들은 allow pasting 수기 입력 후 진행 4. 마지막 챕터 끝에 5초 정도 듣기 ```js var no = $("#no").val(); var num = $("#num").val(); var log_num = location.search.match(/max_num=([\d]*)\&/)[1]; var cl_start_time = Math.floor(new Date().getTime()/1000) - 4020; var cl_start_check = $("#cl_start_check").val(); var user_id1 = location.search.match(/user_id1=([a-zA-Z0-9]*)$/)[1]; var allData = { no, num, log_num, cl_start_time, cl_start_check, user_id1, page_time: 147.146, }; var allData2 = { no, num, cur_page: Number(log_num), max_num: 0, user_id1, goyong_yn: "9" }; $.ajax({ url: "jindo_check_cl.php", type:'POST', data: allData }); $.ajax({ url: "timestamp.php", cache: false }); $.ajax({ url: "ajax.jumsu2_update_page.php", type:'POST', data: allData2, async: false }); setTimeout(() => { $('#frame')[0].src = $('#frame').attr('src').replace(/[\d]{2}\.html$/, `${pad(6, 2)}.html`) }, 500); ```
2024년 03월 09일
lerna를 사용한 간단한 모노레포 설정 1. lerna 환경 구성 npx lerna init 2. lerna.json 수정 yarn workspace 기반으로 작업하기 위해 useWorkspaces 사용 { "version": "independent", "npmClient": "yarn", "useWorkspaces": true, "packages": [ "packages/*" ] } 3. package.json에 workspaces 추가 "workspaces": [ "packages/*" ] 4. 각 패키지 생성 lerna create [PACKAGE_NAME] 5. 공통 패키지 설치 yarn add eslint prettier typescript --dev --ignore-workspace-root-check yarn add dayjs --ignore-workspace-root-check 개별 패키지에 설치방식 yarn workspace frontend add dayjs 6. 각 workspace에 패키지 설치 npx lerna bootstrap 7. workspace 명령어 실행 lerna run dev
2023년 01월 23일
일을 잘하는 법을 배운다기보다, 일을 잘하는 사람들을 관찰하고 평가하는 내용이다. 내용에 100% 동의하지 않지만, 여러 사례를 통해 다시 한번 생각해보고 배울 부분들이 존재한다. 리뷰 나를 어필하는 자리나 프론트엔드 개발자에게 가장 중요한 것을 무엇이냐는 질문이 항상 어려웠다. 당장 생각나는 건 ‘이해관계자들과 커뮤니케이션을 잘해야 하고 미리 캐치할 수 있는 오류를 잡아내야 하며, UI 영역을 담당하기에 사용성을 생각하면서 기획 의견을 내야 한다.’ 정도인데, 실제 업무를 하다 보면 이 정도는 작은 파편이라고 느껴진다. 그러다 보니 어느 순간부터 “프론트엔드 개발자에게 ‘센스’가 가장 중요하다”라고 얘기하고 다녔는데, 책의 도입부부터 일을 잘한다는 것을 ‘감각(sense)’으로 표현하여 놀라움과 함께 공감하면서 읽을 수 있었다. “오늘날 시대가 요구하는 인재상은 자신의 눈으로 세상을 똑바로 바라보면서, 무엇을 해야 하고 하지 말아야 할지 스스로 판단해 실천할 수 있는 리더십을 지닌 인물이다.” 책에서는 ‘감각’있는 사람에 대해서 설명하면서, 두 명의 컨설턴트가 만담하는 형태로 이어간다. 중점은 기술적인 부분이 높아진 요즘 감각적으로 상황에 대응하고 있는지와 그에 대한 사례를 설명하는 구조이다. 예시로 프로그래밍에 대해서도 나오는데, 프로그래밍 기술이 뛰어난데도 실적 향상으로...