hwlink

고정 헤더 영역

글 제목

메뉴 레이어

hwlink

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기
    • Memo
    • Library
    • Coding
      • Svelte,Sveltekit
      • React
      • JS
      • CSS
      • 알고리즘
      • Error
      • TypeScript
      • WEB
      • Network
    • Git
    • Code
    • 마우스버리기
    • Project
      • Weasly(화장품결제구독서비스)
      • Hines(리빙쇼핑몰)
      • 기업협업
    • book
홈태그방명록
  • Memo
  • Library
  • Coding
    • Svelte,Sveltekit
    • React
    • JS
    • CSS
    • 알고리즘
    • Error
    • TypeScript
    • WEB
    • Network
  • Git
  • Code
  • 마우스버리기
  • Project
    • Weasly(화장품결제구독서비스)
    • Hines(리빙쇼핑몰)
    • 기업협업
  • book

검색 레이어

hwlink

검색 영역

컨텐츠 검색

Coding

  • svelte/sveltekit prerender

    2024.07.29 by hwlink

  • 영문 철자변경 대문자 소문자 첫글자만 변경/ 전체대문자 변경 / 전체 소문자변경

    2023.07.10 by hwlink

  • 콜로소 강의 Kollus Player 동영상 맥 녹화프로그램 감지

    2022.06.17 by hwlink

  • [JavaScript] Number.isInteger() 자바스크립트 정수판별

    2022.05.12 by hwlink

  • [TypeScript] unknown any 차이

    2022.05.10 by hwlink

  • 맥북 발열, CPU 부하 원인 nprotect(nProtect Online Security) 삭제 uninstall

    2022.05.09 by hwlink

  • [React] yarn remove 리액트 패키지 제거 uninstall

    2022.05.08 by hwlink

  • [CSS] aspect-ratio 속성 이용하여 반응형 비율 조정

    2022.05.05 by hwlink

svelte/sveltekit prerender

svelte.config.jsimport adapter from '@sveltejs/adapter-auto';import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';/** @type {import('@sveltejs/kit').Config} */const config = { kit: { adapter: adapter(), prerender: { crawl: true, entries: ['/', '/about', '/contact'], }, }, preprocess: vitePreprocess(),};export default config;trueprerender: {crawl: true,entries: ['/'..

Coding/Svelte,Sveltekit 2024. 7. 29. 18:27

영문 철자변경 대문자 소문자 첫글자만 변경/ 전체대문자 변경 / 전체 소문자변경

Input Text Enter 영문장 첫글자만 대문자변환 결과 영문장 모두 대문자변환 결과 영문장 모두 소문자변환 결과

Coding/알고리즘 2023. 7. 10. 11:55

콜로소 강의 Kollus Player 동영상 맥 녹화프로그램 감지

일전에 콜로소 강의를 듣던 중 동영상 자체를 녹화, 스샷 찍은 것이 아니여도 kollus player와 스샷, 녹화 응용프로그램이 감지되면 영상을 끄고 컴퓨터를 재부팅 했어야 했다. 이때도 스샷, 녹화 응용프로그램을 강제종료 해줬으면 되었는데 mac에서 스샷 프로그램의 이름을 몰랐었다. 그래서 오늘 알게 된 방법을 공유하려고 한다. mac의 스샷프로그램은 GUI상 별도의 프로그램 종료버튼이 없기 때문에 프로세스를 강제 종료해주어야한다. 1. space + command (sportlight 키기) 2. '활성 상태 보기' 입력 후 '활성 상태보기'를 켜준다. 3. 활성 상태보기 검색창에서 스크린샷(screen shot) 또는 screen capture 입력 후 더블클릭 하여 종료 해준다. 4. 녹화프로그..

Coding/Error 2022. 6. 17. 14:07

[JavaScript] Number.isInteger() 자바스크립트 정수판별

Number.isInteger() Number.isInteger() 메서드는 주어진 값이 정수인지 판별합니다. 매개변수로 값을 받고 반환값으로는 Boolean을 반환합니다. const value = '1' Number.isInteger(value); // True const value2 = 1 Number.isInteger(value); // False 해당코드는 리액트에서 선택한 배열을 선택해주어 이벤트를 발생시키는 로직입니다. 기존코드 CompareBox 자식 컴포넌트로 내려주는 부모 컴포넌트 const [currTarget, setCurrTarget] = useState(null) . . . . 위 코드에서 refImage 안에 currTarget은 초기값이 null로 선언되어 있습니..

Coding/JS 2022. 5. 12. 19:23

[TypeScript] unknown any 차이

any Typescript에서 any는 어떤 타입이든 허용하는 타입이다. 타입을 지정하려고 Typescript를 사용하는데 any를 쓴다면 사실 Typescript를 쓰는 의미가 없는셈입니다. any 타입은 타입검사를 하지 않기 때문에 개발 당시에는 코스트가 발생하지 않지만 실제 애플리케이션 구동 과정에서 사용자가 에러를 맞을 수 있기 때문에 사용을 지양해야합니다. unknown TypeScript 3.0에서 업데이트 any 타입과 동일하게 모든 타입 값을 허용하지만, 할당된 값의 타입을 모르기 때문에 연산 할 수 없습니다. 마무리 any 모든 타입 허용 타입 검사 느슨하게 하므로 개발시에는 에러가 없을지 모르나 사용자가 에러를 맞을 수 있다. == 치명적 unknown 모든 타입 허용 연산을 하는 경우..

Coding/TypeScript 2022. 5. 10. 23:56

맥북 발열, CPU 부하 원인 nprotect(nProtect Online Security) 삭제 uninstall

맥북이 갑자기 너무 느려져서 CPU 활성상태를 체크해봤다. 1. '활성 상태 보기' 검색하기 2. CPU 탭으로 이동 후 CPU %를 많이 가져가는 것을 체크한다. (사진에선 이미 삭제되었지만 여기에서 나는 보안프로그램인 nprotect가 무려 90% 이상을 차지 하고 있었다. 저거 때문에 매일 버벅거리면서 맥북을 사용하게 되었다.) 관공서 사이트에서 필요한 보안프로그램이다.. 관공서 업무시 맥북보단 핸드폰을 이용하는 것이 좋겠다. 3. finder를 이용한 삭제법 파인더에서 응용프로그램 > nProtect > nProtect Online Security V1 > NOS 폴더를 열어준다. NOS 폴더안의 nosunist.app 을 실행시킨다(언인스톨) 완전히 삭제가 되지 않았을 시에 터미널로 삭제해준다...

Coding/WEB 2022. 5. 9. 21:53

[React] yarn remove 리액트 패키지 제거 uninstall

yarn remove yarn remove test 라는 명령은 test라는 패키지를 프로젝트에서 제거하는 것을 의미합니다. test라는 패키지는 package.json, yarn lock에서 제거됩니다. dependencies, devDependencies등 모든 타입에서 패키지가 삭제됩니다. 만약 삭제하고 완전히 제거가 안되었다면 yarn install을 해줌으로서 업데이트를 해줍니다.

Coding/React 2022. 5. 8. 00:03

[CSS] aspect-ratio 속성 이용하여 반응형 비율 조정

aspect ratio aspect ratio 속성은 박스, 이미지, 동영상을 정해둔 비율대로 줄이거나 늘릴 수 있어 반응형 디자인에 탁월합니다. aspect ratio 브라우저 접근성 internet explore에선 지원하지 않기 때문에 사용할 시에는 환경을 잘고려해야합니다. aspect-ratio 사용법 width:200px; background:red; aspect-ratio: 16/9; // 16:9비율로 지정 aspect-ratio: 4/3; // 4:3비율로 지정 원하는 비율로 설정해주면 됩니다. https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio

Coding/CSS 2022. 5. 5. 01:23

추가 정보

인기글

최신글

페이징

이전
1 2 3 4 ··· 10
다음
TISTORY
hwlink © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.