나만의 모음집 (17) 썸네일형 리스트형 [모음집] IT 용어 모음집 오늘의 명언예제 코드가 있다면 자바스크립트/타입스크립트 기준으로 작성되어 있습니다. 블로킹과 논블로킹블로킹(Blocking) | 특정 작업 완료 까지 다음 작업을 중단하는 방식블로킹 작업은 특정 작업이 완료될 때까지 프로그램의 실행을 중단하는 방식입니다. 즉, 어떤 작업이 완료될 때까지 그 다음 명령을 실행하지 않고 기다립니다. 블로킹 방식은 직관적이며, 단순한 프로그램에서 자주 사용됩니다. 예를 들어, 파일을 읽는 블로킹 호출을 사용하면, 파일 읽기 작업이 완료될 때까지 프로그램의 실행이 멈추게 됩니다. 그 동안 프로그램은 아무런 작업도 수행하지 않습니다. 논블로킹(Non-Blocking) | 특정 작업 완료를 기다리지 않고 다음 작업을 실행하는 방식논블로킹 작업은 작업이 완료될 때까지 기다리지 않고,.. [나만의 모음집] VSCODE 사용자 코드 조각 아카이브 해당 포스트는..유용하게 사용하기 위해 직접 만들어둔 사용자 코드 조각을 공유합니다. 계속해서 업데이트할 예정이고, 업데이트 되는 날을 기준으로 포스트가 갱신됩니다. frc : 리액트 함수 컴포넌트 생성 (부연설명) 리액트 함수 컴포넌트를 생성 한다. 타입스크립트 호환을 위해 interface 를 상단에 주석처리 해두었다. 생성 시 해당 파일명이 함수명으로 자동 설정 되도록 해두었으므로, 코드라인에 frc 를 입력 후 코드 조각을 클릭하면 파일명이 함수명인 컴포넌트가 생성된다. { "Function Componets": { "prefix": "frc", "body": [ "// interface Props { }" " " "export default function ${1:${T.. [명령어 모음집] 다양한 명령어 혹은 팁을 모아두는 아카이브 포스트 목적 명령어/팁 들을 모아두는 포스트 입니다. 내용 수정 시 해당 날짜로 갱신되어 업로드 됨을 원칙으로 합니다.. VSCODE 사용자 코드 조각 VSCODE 상단파일(File) > 기본 설정(Preferences) > 사용자 코드 조각(User Snippets) 언어별로 스니펫을 추가하려는 언어를 선택예를 들어, JavaScript에 스니펫을 추가하려면 javascript.json을 선택 열린 파일에 사용자 정의 스니펫을 추가. 스니펫은 JSON 형식으로 작성. 각 스니펫은 고유한 이름과 해당 코드 조각을 포함. 예를 들어 다음과 같은 형식이 되어야 함.{ "Print to console": { "prefix": "log", "body": [ "console.log('$1'.. git 명령어를 모아두는 아카이브 이 포스트는.. 해당 포스트는 자주 사용되는 git 명령어와 그 예시를 저장해두는 용도로 활용하는 포스트 입니다. 기타 문서에 정리해둔 내용을 옮기거나, 새롭게 알게된 지식을 쌓아가며 추후 활용하기 쉽도록 목록화시키기 위한 목적으로 사용됩니다. 매번 새로운 내용으로 갱신될 때 마다 그 날짜를 기준으로 포스트가 갱신됩니다. 최근 커밋 취소 git reset --soft HEAD~1 최신 커밋을 취소하고 변경 사항을 스테이징 영역에 유지합니다. 변경 사항은 커밋되지 않은 채로 남아 있습니다. git reset --soft HEAD~1 git reset --mixed HEAD~1 (기본 옵션) 최신 커밋을 취소하고 변경 사항을 스테이징 영역에 제거합니다. 변경 사항은 작업 디렉토리에 유지됩니다. git res.. [성능최적화 모음집] 웹 성능을 최적화하기 위한 방법을 정리해서 모아둡니다. 이 포스트는.. 해당 포스트는 제가 웹 개발 시 참고하기 위한 웹 성능 최적화 기법을 모아두는 아카이브로서 역할을 합니다. 한글 문서 등에 별도로 정리해두었던 내용들을 하나 씩 블로그에 옮기고 있습니다. 추가되는 내용이 있을 때 마다 최신 날짜를 기준으로 포스트가 갱신됩니다. [이미지 최적화] 이미지 지연로딩을 통해 CPU 가 열일 하는 걸 줄여주자 보통 이미지 지연로딩을 사용하지 않고, 대량의 이미지를 로드하는 페이지를 렌더링하면, 무수히 많은 이미지를 렌더링 하기 위해 CPU 는 엄청난 과부하를 경험하게 됩니다. 브라우저의 경우에는 싱글 스레드로 동작하기 때문에 CPU 가 이미지 렌더링에 많은 시간을 소요하게 되면, 사용자 입장에서는 렉이 심하게 걸려서 마우스 조작도 힘든 버벅이는 화면을 오랫동안 볼.. [모음집] 유용한 CSS 속성을 모아두는 아카이브 이 포스트는.. 해당 포스트는 제가 판단하기로 유용한 기능이나 개념이라 생각되는 부분이 있으면 모아두는 저장소 용도의 포스트 입니다. 각 챕터의 순서는 정해져 있지 않는 각각의 독립된 콘텐츠로 생각하고 참고하시면 좋을 것 같습니다. 내용은 최대한 짧게 필요한 핵심만 정리하는 것을 원칙으로 하고, 매번 업데이트가 될 때 마다 최근 날짜를 기준으로 리스트가 갱신됩니다. 오늘의 명언 inset 속성 보통 저희는 position 속성에서 절대적 위치를 나타내는 absolute 나 고정된 절대값을 가지는 fixed 를 이동시킬 때 left, right, top, bottom 속성을 따로 지정하여 위치를 변경합니다. 그런데, 이 모든 속성의 축약형이 존재하는데 inset 속성이 그렇습니다. inset: 10px; .. [모음집] 웹 성능 최적화에 대한 모음집 보호되어 있는 글입니다. [모음집] 개발과 관련해서 읽어보기 좋은 아티클을 정리해 보았습니다. 들어가기 전 요새 일일일이나 운영중인 해외문서를 번역하여 올려주시는 일을 해주시는 분들이 많아서 구독하며 매일 확인하고 있는데요. 매번 참고하고 즐겨찾기 해두기만 하니 관리하기가 점점 어려워지더라구요. 그래서 개인적으로 알게 된 좋은 아티클이라던지, 공유받아서 알게된 좋은 내용들을 정리해두면 어떨까? 라는 생각이 들면서, 오늘 이렇게 모음집 형태로 정리해 보게 되었습니다. 현재 이 포스트는 내용이 추가될 때 마다 그 날짜를 기준으로 갱신되는 형태를 취하기 때문에, 현재는 내용이 부족하더라고 계속해서 추가해 나갈 것이라는 점 참고 부탁드립니다. NodeJS Event Loop 파헤치기 노드JS에서 중요한 개념인 이벤트 루프에 대한 깊은 내용을 살펴볼 수 있는 블로그입니다. 2021년도에 작성된 글로 직방에.. 이전 1 2 3 다음
