HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생
/
😃
동영팀
/
자료 공유
자료 공유
자료 공유

자료 공유

‘토글’로 주제 써주시고 자유롭게 추가해 주시면 됩니다.

새로운 글이 ‘위로’ 오게 추가해 주세요.

 
 
Git 연습
Learn Git Branching
An interactive Git visualization tool to educate and challenge!
https://learngitbranching.js.org/?locale=ko
Learn Git Branching
시간초과 문제 (김민재 환경의 문제)
notion image
Nesting “if Statements”
Nesting "If Statements" Is Bad. Do This Instead.
Never nest your if statement if you have to many of them. With the Guard Clauses technique, you will be able to write cleaner and more readable code. In this...
Nesting "If Statements" Is Bad. Do This Instead.
https://www.youtube.com/shorts/Zmx0Ou5TNJs
Nesting "If Statements" Is Bad. Do This Instead.
MicroTask, AnimationFrame
그림으로 잘 설명되어있는것 같아서 공유합니다.
[JavaScript] Task Queue말고 다른 큐가 더 있다고? (MicroTask Queue, Animation Frames)
자바스크립트에서 비동기 함수가 동작하는 원리에 대해서 공부했다면, Task Queue에 대해 들어보았을 것이다. Task Queue는 Web API가 수행한 비동기 함수를 넘겨받아 Event Loop가 해당 함수를 Call Stack에 넘겨줄 때까지 비동기 함수들을 쌓아놓는 곳이다. 그런데, JavaScript의 Promise를 공부하던 중 놀랍게도 Task Queue가 유일한 Queue가 아니라는 것을 알게 되었다.
[JavaScript] Task Queue말고 다른 큐가 더 있다고? (MicroTask Queue, Animation Frames)
https://velog.io/@titu/JavaScript-Task-Queue%EB%A7%90%EA%B3%A0-%EB%8B%A4%EB%A5%B8-%ED%81%90%EA%B0%80-%EB%8D%94-%EC%9E%88%EB%8B%A4%EA%B3%A0-MicroTask-Queue-Animation-Frames-Render-Queue
[JavaScript] Task Queue말고 다른 큐가 더 있다고? (MicroTask Queue, Animation Frames)
Notion
하위 페이지 만들기 - Notion (노션) 도움말 센터
페이지 안에 하위 페이지를 만들려면 기존 페이지에서 /페이지 를 입력하세요. 비어있는 새 페이지가 나타나면 다른 페이지처럼 제목을 입력하고 콘텐츠를 추가하세요. 위 페이지로 다시 돌아가면 상위 페이지 안에 생긴 하위 페이지를 확인할 수 있습니다. 사이드바에서도 바로 하위 페이지를 만들 수 있습니다. 하위 페이지를 추가하면 사이드바에서 상위 페이지 아래에 나타납니다.
하위 페이지 만들기 - Notion (노션) 도움말 센터
https://www.notion.so/ko-kr/help/create-a-subpage
하위 페이지 만들기 - Notion (노션) 도움말 센터
자바스크립트 Date(시간표기) 관련
자바스크립트에서 가장 이상한 문법
0:00 new Date 사용법 2:43 응 나는 바닐라 좋아함 2:57 Intl 사용법 4:07 Temporal같은 신기능써도 될듯 재밌게 코딩알려줌 https://codingapple.com 구독자용 10% 할인 코드 SUB10 (맨날바뀜 최신영상 참고)
자바스크립트에서 가장 이상한 문법
https://www.youtube.com/watch?v=CSWc0HYjxEs&t=1s
자바스크립트에서 가장 이상한 문법
블로그 작성 썸네일
notion image
깃 연습 웹페이지
Learn Git Branching
An interactive Git visualization tool to educate and challenge!
https://learngitbranching.js.org/?locale=ko
Learn Git Branching
베스트 앨범 조금 풀어쓴 버전
function solution(genres, plays) { const table = new Map(); const arr = []; for (let i = 0; i < genres.length; i++) { arr.push([genres[i], plays[i]]); } for (let i = 0; i < arr.length; i++) { const data = table.get(arr[i][0]) || { total: 0, songs: []} table.set(arr[i][0], { total: data.total + arr[i][1], songs: [...data.songs, [arr[i][1], i]] .sort((a, b) => b[0] - a[0]) .slice(0, 2) }) } return [...table.entries()] .sort((a, b) => b[1].total - a[1].total) .flatMap(item => item[1].songs) .map(song => song[1]) }
모던 자바스크립트 deep dive 웹 버전
웹 프로그래밍 튜토리얼 | PoiemaWeb
Front-end Development Tutorial
웹 프로그래밍 튜토리얼 | PoiemaWeb
https://poiemaweb.com/
웹 프로그래밍 튜토리얼 | PoiemaWeb
자바스크립트 2차원 배열의 참조
[Javascript] 객체의 복사 - 2차원배열과 스프레드 문법
자바스크립트에서 기본타입인 숫자, 문자열, 불린값을 복사할 때는 원래의 값과 복사된 값이 서로 영향을 미치지 않습니다. 서로 다른 메모리 공간을 차지하고 있기 때문에 복사값의 'Hello'를 'Hi'로 변경해도 원래값 의 'Hello'는 아무 영향이 없습니다. 참조값을 복사할 때는 원래값과 복사값이 서로 연결되어 있기 때문에 한쪽을 변경하면 다른 한쪽도 변경됩니다.
[Javascript] 객체의 복사 - 2차원배열과 스프레드 문법
https://velog.io/@yonyas/Javascript-%EA%B0%9D%EC%B2%B4%EC%9D%98-%EB%B3%B5%EC%82%AC-2%EC%B0%A8%EC%9B%90%EB%B0%B0%EC%97%B4%EA%B3%BC-%EC%8A%A4%ED%94%84%EB%A0%88%EB%93%9C-%EB%AC%B8%EB%B2%95
[Javascript] 객체의 복사 - 2차원배열과 스프레드 문법