기록저장소

없으면 불편한, 필수설치- Live Server : html 작성시 변경된 화면 즉시 확인vscode 하단의 "Go Live"클릭시 브라우저에서 자동실행/업데이트 ( 단축키 alt + L, alt + O / cmd + L, cmd + O) - Live Sass Compiler : sass/scss를 css로 자동 컴파일vscode 하단의 "Watch my Sass" 클릭시 자동 컴파일 (sass/scss 파일은 파일명 앞에 "_"로 시작해야함) - Prettier : 코드 정렬prettier의 버전, 경로 등 설정이 필요함 - Error lens : 직관적인 에러 표시 설치하면 생산성이 올라가는- GitLens : 해당 코드의 작성자, 커밋이력, 메시지 등 미리보기 - Git Graph : git 그래..

요즘 IT,  velog  등등 IT 정보는 넘치는데 흘려보내는 것들이 많아서 정리해두는 기록 ⛔ 하룻밤에 사라진 2조 원, 거래소가 당신의 코인을 지배하는 방식 https://yozm.wishket.com/magazine/detail/3016 ⛔ 해외 개발자 행사에서 발표할 때 알아두면 좋을 이야기 https://yozm.wishket.com/magazine/detail/3015 ⛔ 요즘 글로벌 빅테크는 왜 데이터 시각화 전문가를 채용할까? https://yozm.wishket.com/magazine/detail/3019 ⛔ 더 성장하고 싶은 IT인을 위한 추천 도서 11권 https://yozm.wishket.com/magazine/detail/3018 ⛔ 이미지를 그럴듯하게 만드는 챗GPT 프롬프트..

요즘 IT,  velog  등등 IT 정보는 넘치는데 흘려보내는 것들이 많아서 정리해두는 기록  ⛔  웹에서도 앱처럼 부드러운 페이지 전환이 가능할까? https://yozm.wishket.com/magazine/detail/2995 ⛔  기술 면접 단골 질문 ‘동시성과 병렬성’ 간편 정리 https://yozm.wishket.com/magazine/detail/2996 ⛔  딥시크(DeepSeek)를 안전하게 활용하는 방법 https://yozm.wishket.com/magazine/detail/2997  ⛔  자바스크립트에서 긴 작업을 분할하는 다양한 방법 https://ykss.netlify.app/translation/there_are_a_lot_of_ways_to_break_up_long_ta..

요즘 IT,  velog  등등 IT 정보는 넘치는데 흘려보내는 것들이 많아서 정리해두는 기록 ⛔ 개발자의 영어, ‘읽기’가 중요하지 않다는 착각 https://yozm.wishket.com/magazine/detail/2976 ⛔ 기능 성공 지표, 정말로 측정하고 있나요? https://yozm.wishket.com/magazine/detail/2975 ⛔ 타입스크립트 5.8 베타를 소개합니다https://velog.io/@typo/announcing-typescript-5-8-beta?utm_source=substack&utm_medium=email ⛔ 오픈소스 성능 최적화, 대체 뭐가 문제였을까? https://yozm.wishket.com/magazine/detail/2978/ ⛔ 내가 쓰는 챗G..

요즘 IT,  velog  등등 IT 정보는 넘치는데 흘려보내는 것들이 많아서 정리해두는 기록  ✅  잘가 SASS, Native CSS 로 돌아온걸 환영해https://medium.com/@zero86/%EB%B2%88%EC%97%AD-%EC%9E%98%EA%B0%80-sass-native-css-%EB%A1%9C-%EB%8F%8C%EC%95%84%EC%98%A8%EA%B1%B8-%ED%99%98%EC%98%81%ED%95%B4-goodbye-sass-welcome-back-native-css-e5c1a035bdbe=>  CSS가 많이 발전해서 SASS를 도입하지 않아도 될 정도이다,  rem변환, mixin 외에는 css에서 사용가능함(variables, css nesting, is, has, con..

요즘 IT,  velog  등등 IT 정보는 넘치는데 흘려보내는 것들이 많아서 정리해두는 기록   ⛔ 개발자가 본 ‘AI 글쓰기’ 실패 원인부터 해결책까지 https://yozm.wishket.com/magazine/detail/2941  ⛔ 비전공자가 신입 데이터 분석가로 취업할 수 있을까요? https://yozm.wishket.com/magazine/detail/2940  ⛔ Golden Kubestronaut로 가는 길: 원조 Kubestronaut 편 https://yozm.wishket.com/magazine/detail/2939  ⛔ 나만의 업무 꿀팁 ‘컬렉션’, 동료들과 함께 나눠요 https://yozm.wishket.com/magazine/detail/2937  ⛔ 올해 신년 운세는 ..

요즘 IT,  velog  등등 IT 정보는 넘치는데 흘려보내는 것들이 많아서 정리해두는 기록  ✅  레고 인터페이스 패널로 알아보는 UX 단순한 레고의 디자인은 실생활(ex.조종기, 자동차 버튼)에서 차별화된 버튼의 역할을 담고 있음입력의 차별화는 형태, 크기, 질감, 위치, 조작 코딩의 접근법이 있음, 입력의 조직화는 공통항목을 식별하는 게슈탈트 법칙*이 적용됨=> 가장 좋은(선호하는) 인터페이스: 명확하게 차별화된 입력과 간단하고 깔끔한 조직화를 갖춘 시각적인 레이아웃읽은 글 : https://velog.io/@typo/the-ux-of-lego-interface-panels* 게슈탈트 법칙: 인간의 개별이 아닌 전체 패턴, 구조로 요소를 지각하고 구조화하는 방식을 설명하는 심리학 이론   ✅   ..

프로토타입한번 만들어진 프로토타입을 복제해서 사용할 수 있도록 const a = new A(1,2,3,4,5);const a2 = new A(1,20,3,40,5);//조금다르고 거의 비슷한 경우//일부만 수정const a3 = a.clone();a3.two = 20;a3.four = 40;//포로토타입const veryHeavy = {very:'heavy'};const a = new A(veryHeavy);const a2 = a.clone();//외부에 별도로 두지 않음const a = new A({very:'heavy'});const a2 = a.clone();주의 ) 깊은복사를 잘 못 복사해서 원복객체도 수정되는 오류 주의, 부모의 private 값은 복사 x

빌더복잡한 객체의 생성과정을 단계별로 제어하고 캡슐화하여 다양한 구성의 객체 생성,많은 선택적 매개변수를 가진 객체 생성시 코드 가독성과 유지보수성 향상interface Btn { //버튼 필요요소 name: string; type: string; onClick: () => void;}interface Input{ //input 필요요소 name: string; type: string; onChange: () => void; value: string|number;}//확정된 필요요소가 아니라서 유연하게 만들고자 함↓class GrimpanMenuBtn{ private name: string; private type: string; private onClick?: () => void; pri..

추상 팩토리 : 여러 객체가 묶인 세트의 생성에 대한 패턴, 추가되어도 기존것들을 수정하지 않음//메뉴 세트//기본 메뉴를 override해서 해당 브라우저 메뉴 생성//기존 코드를 수정하지 않음! : OCP 지킴//GrimpanMenu.tsimport Grimpan from "./AbstractGrimpan.js";import IEGrimpan from "./IEGrimpan.js";import ChromeGrimpan from "./ChromeGrimpan.js";export abstract class GrimpanMenu { grimpan: Grimpan; protected constructor(grimpan: Grimpan) { this.grimpan = grimpan; } abstr..