2024년 12월 09일
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년 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년 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)’으로 표현하여 놀라움과 함께 공감하면서 읽을 수 있었다. “오늘날 시대가 요구하는 인재상은 자신의 눈으로 세상을 똑바로 바라보면서, 무엇을 해야 하고 하지 말아야 할지 스스로 판단해 실천할 수 있는 리더십을 지닌 인물이다.” 책에서는 ‘감각’있는 사람에 대해서 설명하면서, 두 명의 컨설턴트가 만담하는 형태로 이어간다. 중점은 기술적인 부분이 높아진 요즘 감각적으로 상황에 대응하고 있는지와 그에 대한 사례를 설명하는 구조이다. 예시로 프로그래밍에 대해서도 나오는데, 프로그래밍 기술이 뛰어난데도 실적 향상으로...