일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- CSS
- JS console
- 반복줄이기
- 2022
- 누구나 자료구조와 알고리즘
- 개발콘텐츠
- utilty type
- 레이아웃쪼개기
- 타입스크립트
- react
- 커스텀
- reactjs
- 타입선언
- click and drag
- React.js
- 공통컴포넌트
- 폰트적용하기
- NonNullable
- returnType
- vue.js
- 타입좁히기
- 티스토리꾸미기
- 리액트
- 성능최적화
- typescript
- Chart.js
- TSDoc
- 제네릭
- const 단언문
- javascript
- Today
- Total
목록전체 글 (592)
몽땅뚝딱 개발자
이미지 제목, 캡션과 혼동되기도 하지만 alt와 달리 해당 속성은 사용자가 이미지 위로 마우스를 가져가면 팝업 텍스트로 표기된다. [사용하는 이유] 1. 웹접근성을 위하여 텍스트 전용 브라우저에서도 방문자가 웹사이트의 콘텐츠에 액세스할 수 있다. 2. 검색엔진 순위 상승 이미지 대체 태그를 사용하면 targeting하려는 키워드의 순위를 쉽게 지정할 수 있다. 대체 속성은 이미지를 번역하고 보다 구체적으로 관련 키워드를 통합하기 위한 텍스트 기반 대안을 제공한다. 키워드가 포함된 텍스트 설명은 이미지 검색에서 순위가 높아질 가능성이 높다. [모범 사례] 구체적이고 서술적이어야 한다. 짧게 유지한다. 최대 125자를 유지한다. 중복하지 말아야한다. '그림의', '이미지의' 같은 설명을 추가하지 않는다. 관..
보호되어 있는 글입니다.
너무 좋은 글을 발견해서 종종 읽어보려고 기록하는 글!!!!!!!! [임포스터 증후군(Imposter Syndrome)] ‘가면현상’ 이라고 번역되는 이 말은 자신의 성공이나 현재 위치에 대해서 이건 진짜 나의 실력이나 참모습이 아니다며 언젠가 이 가면이 벗겨지고 제 형편없는 실력이 들통날지도 모른다는 두려운 심리 상태를 얘기합니다. 정리하자면, 자신의 성취를 자신의 능력과 연결시키지 못하고 자신의 능력을 낮춰서 생각하는 현상을 말합니다. 음.. 나는 지독한 임포스터 증후군을 겪고 있었군... 결론! 내가 느끼는 감정을 바꿔보자 😃👍🏻 분노 -> 열정 스트레스 -> 도전의지 열등감, 질투 -> 향상심, 자각, 영감, 감탄 답답함 -> 문제의식과 창의력 거부감, 혐오 -> 자기인식 두려움 -> 경계 피로감..
https://school.programmers.co.kr/learn/courses/30/lessons/118667 💬 문제 설명 길이가 같은 두 개의 큐가 주어집니다. 하나의 큐를 골라 원소를 추출(pop)하고, 추출된 원소를 다른 큐에 집어넣는(insert) 작업을 통해 각 큐의 원소 합이 같도록 만들려고 합니다. 이때 필요한 작업의 최소 횟수를 구하고자 합니다. 한 번의 pop과 한 번의 insert를 합쳐서 작업을 1회 수행한 것으로 간주합니다. 큐는 먼저 집어넣은 원소가 먼저 나오는 구조입니다. 이 문제에서는 큐를 배열로 표현하며, 원소가 배열 앞쪽에 있을수록 먼저 집어넣은 원소임을 의미합니다. 즉, pop을 하면 배열의 첫 번째 원소가 추출되며, insert를 하면 배열의 끝에 원소가 추가됩니..
Ant Design에서 , 를 같이 적용하려는데 생긴 이슈... 인터페이스를 까봐도 잘 읽혀지지 않아서 타입스크립트 공부가 필요하다고 생각했다. 우선 데이터를 이렇게 선언했고 type MenuItem = Required['items'][number] function getItem(label: React.ReactNode, key: React.Key, children?: MenuItem[]): MenuItem { return { label, key, children, } as MenuItem } // Sider 메뉴 const items: MenuItem[] = [ getItem('A', 'A', [ getItem(a 메뉴, 'key-a'), getItem(b 메뉴, 'key-b'), ]), getItem..
dateBetween(날짜, now(), "days") dateBetween(dateEnd(날짜), dateStart(날짜), "days") dateBetween(dateEnd(prop("날짜")), dateStart(prop("날짜")), "week") + "주" // 삼항연산자 사용하기 dateBetween(dateEnd(prop("날짜")), dateStart(prop("날짜")), "week")/4 < 1 ? dateBetween(dateEnd(prop("날짜")), dateStart(prop("날짜")), "week") + "주" : round(dateBetween(dateEnd(prop("날짜")), dateStart(prop("날짜")), "week")/4) + "개월"
handleOpenPopup() { const width = 650 const height = 830 let left = Math.ceil((window.innerWidth - width) / 2) + window.screenLeft let top = Math.ceil((window.innerHeight - height) / 2) + window.screenTop window.open( 'url', '팝업이름', `width=${width}, height=${height}, left=${left}, top=${top}`, ) }, 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
💬 문제 설명 https://school.programmers.co.kr/learn/courses/30/lessons/12909 🗝 내가 푼 코드 stack을 사용해서 풀었다. 효율성 검사 잘 통과 ,, 👍🏻 이건 알고리즘 책에서 스택에 대한 예제로 본 적이 있는 방법이었다. function solution(text){ const result = [] let answer = true text.split('').map((obj) => { if (obj === '(') { result.push(obj) } else { if (result.length === 0) answer = false result.pop() } }) return result.length === 0 && answer } 2트는 다른 사람의..
새로운 프로젝트에서 Next.js를 사용하게 되어 관리하는 프로젝트들이 14~18 버전으로 늘어났다. 특히 14버전까지만 대응이 가능한 프로젝트도 있어서 드디어 찾아보았다. 1. 버전은 nvm을 사용하여 관리한다. $ brew install nvm // brew를 사용하여 nvm 설치한다. $ nvm list // 현재 설치되어있는 nvm 버전들과 각 버전들을 알 수 있다. $ nvm use v00.00.0 // 해당 버전을 사용한다. 그런데 프로젝트 내에서 아무리 버전을 낮춰도 올려도 상위의 노드 버전은 변경 없이 그대로였다. 찾아보니 프로젝트 별로 세팅이 필요했다. 2. 로컬환경에서 프로젝트 별로 관리하고 싶은 경우 프로젝트 최상단에 .nvmrc 파일을 추가하고 사용하고 싶은 버전을 적는다. v18...
✅ 해야 할 일 - 알고리즘 풀기 - 학습노트 작성하기 - 코드리뷰 하기 ✏️ 공부한 내용 배열에서 큐, 스택을 활용하는 방법에 대해 알 수 있었다. 배열 메서드를 사용 할 때 효율성에서 굉장한 차이를 보인다는 점을 알게 됐다. 개발 할 때도 반영해보자 ,, 덱과 우선순위 큐의 정의 🗝 내가 푼 문제 [프로그래머스] [프로그래머스 | Javascript] KAKAO INTERNSHIP. 두 큐 합 같게 만들기 [프로그래머스 | Javascript] Lv.2 올바른 괄호 💬 후기