일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- RTK Query
- getUTCDate
- Next13
- hook
- CSS
- codingtest
- React 고급안내서
- context
- Programmers
- Render Props
- background tab
- React 18 Nextjs
- background: url
- React 18
- Javascript
- React API 참고서
- react
- Nextjs React 18
- background setInterval
- React18
- background setttimeout
- Babel
- React 공식문서
- next13 head
- react-helmet
- react hook
- notFound()
- 고급안내서
- Nextjs
- React 고급 안내서
- Today
- Total
목록IT (167)
akjfal
참고한 사이트다. 프로젝트를 최적화하는데 정말 큰 도움이 되었다. https://medium.com/myrealtrip-product/fe-website-perf-part1-6ae5b10e3433 마이리얼트립 웹사이트 성능 측정 및 최적화 Part 1. 리소스 로딩 여행 경험을 돕는 웹사이트 가꾸기 medium.com 최적화 과정 1. webpack-bundle-analyzer 설치 처음부터 난관에 부딪혔다. CRA를 통해서만 프로젝트를 구성하고, 따로 webpack을 구성해본적이 없어 이쪽에 관한 지식이 거의 없는 상태다. 이전에도 Antd를 사용하기 위해 Sass를 설정하기위해 eject를 해봤지만 실패했던 경험이 있었다. 이번에도 eject를 통해서 webpack.config.js를 수정하려고 했지..
div의 float를 해제하려고 header: { "&::after": { display: "block", clear: "both", content: "", }, }, 위 코드를 작성했는데 정상적으로 작동하지 않았다. 해결방법은 content의 ""를 ''로 한번감싸주면 문제가 해결된다. 참고 https://stackoverflow.com/questions/53768260/css-pseudo-selectors-with-material-ui
지원한 분야는 개발_프런트/백엔드_판교 본사이다. 채용 절차 1. 지원서 및 AI역량검사 (조직적합도 검사) 자기소개서 없이 지원서를 작성할 수 있다. AI 역량검사는 이후에 보게 될 시험 연습 판이라고 보면 된다. 2. AI역량검사 (직무적합도 검사) 1번 항목을 기한에 맞춰서 본 사람들은 모두 볼 수 있었던 시험으로 기억한다. 질문들이 참신하다는 느낌을 많이 받았다. 연습도 할 수 있게 해주니 부담 없이 보면 될 것 같다. 3. 온라인 PT / 코딩테스트 코딩테스트 AI역량검사(직무적합도검사)를 본 사람들에게 메일로 일정을 알려준다. 사이트 : 프로그래머스 시험 종류 : 캠 x, 화면 공유x 채점 결과 알 수 있음 프로그래머스로 코딩테스트를 봐본 사람이라면 알겠지만 캠과 화면공유를 하지 않는다면 대부..
서류에서 30명 채용에 20배수였기 때문인지 탈락할 줄 알았는데 합격했다. 정보처리기사 시험수준이라고 하는데 8월 14일에 정보처리기사 시험을 준비하고는 있지만, 시작한지 며칠안되서 준비가 많이 되진안아 가벼운 마음으로 시험보았다. 아무래도 모르는건 죽어도모르고 아는건 바로 알기때문에 2시간시험에 1시간 정도 걸렸다. 정보처리기사와 비슷한 수준으로 나온다고 해서 정보처리기사를 보기위해 사두었던 책을 생각보다 일찍 피게 되었다. 대체적으로 시험이 어렵게는 안 느껴졌다. 필자는 학습이 부족해서 불합격 예감이 들지만, 정보처리기사를 준비했던 사람이라면 무난하게 합격할 것으로 보인다. 예상대로 불합격이 떳다. 정보처리기사 필기 시험 이후거나 시험 직전에 봤으면 좀 더 좋은 결과가 나왔을 것 같은데 타이밍이 아쉽다.
// 3번 // 0~10 // S D T ^1 ^2 ^3 // * 해당점수와 이전 점수를 각 2배 // # 해당점수는 마이너스 // *가 맨처음 나올시 *의 점수만 2배 // 다른 스타상과 중첩 가능 // *#가 중첩시 2배 마이너스 function solution(dartResult) { var answer = 0; let idx = 0; let arr = dartResult.split(/[0-9(10)]/).filter(s => s !== ""); let arr2 = dartResult.split(/[^0-9(10)]/).filter(s => s !== ""); let arr3 = dartResult.match(/(\d{1,})(S|D|T)(\*|#)?/g); let arr4 = arr3[0].mat..
function solution(n, arr1, arr2) { var answer = new Array(n).fill(""); // answer = arr1.map((value, idx) => ) arr1 = arr1.map((num, idx) => { let binary = num.toString(2); return "0".repeat(n-binary.length) + binary; }) arr2 = arr2.map((num, idx) => { let binary = num.toString(2); return "0".repeat(n-binary.length) + binary; }) for(let i = 0; i < n; i++){ for(let j = 0; j < n; j++){ if(arr1[i].c..
// upper -> lower // regex a-z, 0-9, -, _, . // replace .. . // charAt(0), charAt(-1) . 제거 // 빈문자열 -> a // len > 16 -> sub(0, 15) -> 마침표 다시 체크 // len 15){ new_id = new_id.substring(0, 15); new_id = trimDot(new_id); } if(new_id.length < 3){ while(new_id.length < 3){ new_id += new_id.charAt(new_id.length-1); } } return new_id; } function trimDot(new_id){ let length = new_id.length; if(new_id.charA..
// 0부터 연산을 쭉해서 string의 길이가 t*m만큼 될때까지 연산한다. -> 하면서 answer에 넣는건어떰? function SwitchNum(num){ switch(num){ case 10: return "A" case 11: return "B" case 12: return "C" case 13: return "D" case 14: return "E" case 15: return "F" } return String(num); } function NumtoString(nowNum, n){ let changeNum = ""; while(true){ let tmp = parseInt(nowNum / n); if(tmp == 0){ return SwitchNum(nowNum) + changeNum; ..