main 썸네일형 리스트형 구름톤 챌린지 7일차 일기 지난 주 4, 5일차 문제를 못 풀어서 블록 두 개를 놓쳐버렸다 ㅠ_ㅠㅠ!!! (그리고 아직도 못 풀었음 ..) 문제 6. 문자열 나누기 문제 이해하는 게 너무 어려워서 계속 못 풀다가 결국 일상표 해설 듣고 풀었다. rl.on('close', () => { const set = new Set(); for (let i=1; i 더보기 구름톤 챌린지 5일째 멸망한 일기.. 이번주까지는 좀 쉽지않을까. . ? 생각했던 게 무색하게 4일차 햄버거만들기 에서 fail 테케를 찾지 못해서 한참 고전중이고 5일차 이진수정렬 에서 런타임에러를 어떻게 처리할 지 생각해야 하는 상황이다. 6일차가 이제 곧 공개 될텐데.. (아닌가 주말에는 안 하는거였나..?) 현재 Junction Asia 참가 이슈로 인해 이번주 문제는 다 못 풀 예정 ㅎ..빠르게 글먼저 올리기 일단 푼 코드들이라도 올려놓고 다음 주에 차근차근 풀어봐야겠다. 문제 1. 은 너무 쉬워서 패스 (단순 곱셈) 문제 2. 프로젝트 매니징 let n, h, m; const minutes = []; const setHM = (time, index) => { const parsedTime = Number(time); if(inde.. 더보기 구름톤 챌린지 3일째 시작한 일기 최근들어 정말 간만에 알고리즘 문제를 하나씩 풀기 시작했다. 영어로 푸는 습관도 들일 겸 leetcode 문제를 풀고 있었는데, 어떤 문제를 풀어야겠다는 생각은 없이 leetcode에서 데일리로 던져주는 문제를 풀거나 아무 목록에서나 픽해서 풀었다. 그러다보니 이상한 문제를 풀고 있는 나를 보고 일상이가 neetcode.io를 알려줬다. ㅋㅋ 그래서 카테고리별로 기본적인 문제들을 풀고 있었음. (아직 시작 단계 ㅜㅜ) 간만에 푸니까 재밌다 . . 는 생각을 하고 있을 때쯤 일상이가 구름톤 챌린지를 발견하고 나에게 또 링크 투척 헉 이건 해야해 그래서 오늘 이제 4일차 (10시가 안 되어서 문제는 3개밖에 안풀었다) 인데, ㅋㅋ 아무래도 이거 다 끝나면 neetcode를 다시 풀게 될 것 같다. 아직 초반.. 더보기 CSR, SSR, Next.js의 start command에 대하여 | 원티드 프리온보딩 챌린지 사전 과제 CSR(Client-side Rendering)이란 무엇이며, 그것의 장단점에 대하여 설명해주세요. CSR에서 브라우저는 페이지에 필요한 최소한의 HTML 페이지와 JavaScript를 다운로드한다. 그런 다음 JavaScript를 사용하여 DOM을 업데이트하고 페이지를 렌더링한다. 애플리케이션이 처음 로드될 때 사용자는 전체 페이지를 보기 전에 약간의 지연을 느낄 수 있다. 이는 모든 JavaScript가 다운로드, 구문 분석 및 실행될 때까지 페이지가 완전히 렌더링되지 않기 때문이다. 페이지가 처음으로 로드된 후 필요한 데이터만 가져오면 되고, JavaScript는 전체 페이지를 새로 고치지 않고도 페이지의 일부를 다시 렌더링할 수 있으므로 동일한 웹 사이트의 다른 페이지로 이동하는 것이 더 빠르다... 더보기 React innerHTML, DOM에 HTML텍스트 삽입하기. Apply dangerouslySetInnerHTML 웹에서 에디터를 개발하거나 게시판 등에서 글을 보여줄 때는 HTML 태그로 감싸진 string들이 필요하게 된다. 이 string 데이터를 서버와 통신해야 하는데 만약 여기에 알수없는 태그가 포함되어 있다면 (XSS 공격 같은) 어떤 일이 일어날 지 알 수 없기 때문에 😱 React에서는 innerHTML을 대신하여 dangerouslySetInnerHTML를 사용하게 된다. 공식 문서에도 이 내용이 잘 나와 있고 코드를 그대로 사용해 보았다. const createMarkup = (content: string) => { return {__html: content}; } const MyComponent = () => { const content = "TEST"; return ; } 그런데 서버에서 내려오.. 더보기 웹 서버의 SSL 인증서를 확인하고 싶을 때 SSL Checker Use our fast SSL Checker to help you quickly diagnose problems with your SSL certificate installation. You can verify the SSL certificate on your web server to make sure it is correctly installed, valid, trusted and doesn't give any errors to any of your u www.sslshopper.com Let's Encrypt 인증서를 사용하고 있는 웹 서버가 있는데, 이상하게 Expiry Date가 아직 지나지 않았는데도 Cert Error를 자꾸 뱉어 데이터를 불러오지 않는 것이다. 인증서를 .. 더보기 [React] Re-Rendering과 Memoization 프론트엔드 성능 개선을 위해 리액트 컴포넌트의 리렌더링 제어하기 Re-Rendering이 발생하는 세 가지 조건 1. State가 업데이트된 컴포넌트 2. Props가 변경된 컴포넌트 3. Re-Rendering 된 컴포넌트 아래의 모든 컴포넌트 이 중 3번의 경우, 리렌더링 된 어떤 컴포넌트 아래의 자식 컴포넌트들은 불필요한 렌더링이 일어난다. 메모이제이션을 통해 이전 처리 결과를 저장해둠으로써 처리 속도를 높일 수 있다. React.memo const Component = memo(() => {}); 이렇게 컴포넌트를 괄호로 감싸면 해당 컴포넌트는 Props에 변경이 있을 때만 리렌더링 된다. 하지만 Props에 함수를 전달할 때는 memo를 사용해도 컴포넌트가 리렌더링된다. React.useCall.. 더보기 [CentOS7] letsencrypt 인증서 삭제하기, *.conf 에러 핸들링 오랜만에 서버 인증서 갱신해주러 접속을 해줬다. 자동 갱신하는 건 걸어 놓긴 했는데, ... 파일 복사하고 하는 것 때문에 가끔씩 건드려주고 있다. 이것도 자동으로 바꾸긴 해야겠다. 그러다가 명령어를 잘못 입력해서 인증서를 하나 더 생성해버림.. 그러면서 인증서가 httpd.conf의 설정을 건드리고 파일이 수정되어 뭔가 꼬였다. httpd가 뻗어버리고 status찍으면 failed 나오는 상태가 됐다 ㅎㅎ +) 파일이 수정되었다는 사실은 수정 이력 조회 명령어를 통해 알아보았다 // 현재 디렉토리에서 조회 ls -l // 더 자세한 시간 출력 ls -l --time-style full-iso // 파일의 더 자세한 정보 조회 stat [파일명] 먼저 새로 생성된 인증서를 삭제해주고, certbot de.. 더보기 이전 1 2 3 4 5 6 7 ··· 15 다음