Видео

회사 문화의 날 활동으로 2분에 5만원 짜리 실내 스카이 다이빙 다녀왔어요. 용인에있는 플라이 스테이션! 재밌습니다👍🏼

Raycast로 계산기 기능 🧮 활용하는 방법을 설명해요. 레이캐스트 계산 기능을 사용하면 현재 작업중인 창을 떠나지 않으면서 무엇이든 계산하고 결과를 사용할 수 있는데, 작업의 흐름이 끊기지 않아 너무 좋네요😄 Raycast Pro 10% 할인 링크: raycast.com/?via=alfred 이 링크로 접속해서 로그인 후 결제하면 10% 할인이 적용돼요. Raycast 설치나 다른 활용 영상도 플레이 리스트에서 볼 수 있어요: ruclips.net/video/2PuXYwuw4wU/видео.html BGM 정보: Savfk - Ultra : ruclips.net/video/8A4Jak73Lao/видео.html

Raycast로 이모지 입력하는 방법을 설명해요. Raycast Pro 10% 할인 링크: raycast.com/?via=alfred 이 링크로 접속해서 로그인 후 결제하면 10% 할인이 적용돼요. Raycast 설치나 다른 활용 영상도 플레이 리스트에서 볼 수 있어요: ruclips.net/video/2PuXYwuw4wU/видео.html BGM 정보: Savfk - Ultra : ruclips.net/video/8A4Jak73Lao/видео.html

Raycast로 자주 사용하는 앱에 단축키를 설정해서 작업 생산성 높이는 방법을 설명해요. Raycast Pro 10% 할인 링크: raycast.com/?via=alfred 이 링크로 접속해서 로그인 후 결제하면 10% 할인이 적용돼요. 배경 음악 출처 Animation [Your Name. ] OST Dream Lantern (Piano cover) Composed by Radwimps Piano Covered by 피달소 (pidalso) Photo by Killian Pham(on Unsplash) 원곡 링크: ruclips.net/video/5TW_I2fmreU/видео.html

Raycast 몇 가지 기본 용어와 루트 서치 기능 소개, 사용법 설명 영상입니다 Raycast Pro 10% 할인 링크: raycast.com/?via=alfred 이 링크로 접속해서 로그인 후 결제하면 10% 할인이 적용돼요. Carrara by Scandinavianz / scandinavianz Creative Commons - Attribution 3.0 Unported - CC BY 3.0 Free Download / Stream: tinyurl.com/22mrt77d Music promoted by Audio Library tinyurl.com/ys742dac

안녕하세요 알프레드 입니다. 오랜만에 업로드 하네요. 시청해 주셔서 감사합니다. Raycast Pro 10% 할인 링크: raycast.com/?via=alfred 이 링크로 접속해서 로그인 후 결제하면 10% 할인이 적용돼요. Raycast 시리즈를 계속 업로드하고 있어요. 플레이 리스트에서 볼 수 있어요: ruclips.net/video/2PuXYwuw4wU/видео.html Over You - Atch / atch-music Creative Commons - Attribution 3.0 Unported - CC BY 3.0 Free Download / Stream: bit.ly/_over-you Music promoted by Audio Library • Over You - Atch (No Co...

뚝딱 만들기는 실패각이었으나 배포는 정말 뚝딱 성공했네요. GitHub에 프로젝트를 올리고 Vercel(구 ZEIT) now와 연결, 배포 후 도메인 연결까지 5분 짜리 이 영상 하나에 담았습니다. 영상에서 도메인 연결 후 다시 배포를 트리거 시키기 위해 커밋하나를 추가했었는데요, 잘 읽어보니 기다리면 된다고 써있네요. 참고 하세용~ ◆ References: - github.com/aluc-io/visualized-sort-algorithm ◆ 알고리즘 시각화 React 앱 개발" 시리즈는 Next.js, React, typescript와 같은 Modern Web Frontend 개발환경에서 알고리즘 시각화 웹 애플리케이션을 개발하고 배포까지 진행하는 프로젝트 입니다. ◆ Music Lockdown b...

browser-beep 패키지를 사용하여 효과음을 추가하는 커밋한잔☕ 입니다~ 라이브러리에 볼륨 설정하는 부분이 없어서 너무 시끄러울 수 있음 주의. 이런 기능 추가하여 나중에 라이브러리쪽에 PR도 올려보고 싶네요. References: - www.npmjs.com/package/browser-beep 알고리즘 시각화 React 앱 개발" 시리즈는 Next.js, React, typescript와 같은 Modern Web Frontend 개발환경에서 알고리즘 시각화 웹 애플리케이션을 개발하고 배포까지 진행하는 프로젝트 입니다. - 시리즈 전체 몰아서 보기: ruclips.net/video/5SNn82PVGlc/видео.html

의식에 흐름대로 코딩하면 자주 실수하는 부분인데요, Part15는 React List Component를 사용하다 흔히 마주 칠 수 있는 버그의 원인을 분석하고 고쳐보는 커밋한잔☕ 입니다~ References: - en: reactjs.org/docs/lists-and-keys.html - ko: ko.reactjs.org/docs/lists-and-keys.html" 알고리즘 시각화 React 앱 개발" 시리즈는 Next.js, React, typescript와 같은 Modern Web Frontend 개발환경에서 알고리즘 시각화 웹 애플리케이션을 개발하고 배포까지 진행하는 프로젝트 입니다. - 시리즈 전체 몰아서 보기: ruclips.net/video/5SNn82PVGlc/видео.html

Tweening 애니메이션을 적용하여 알고리즘 동작 과정을 고오급스럽게 만드는 커밋한잔☕ 입니다. 영상에서 사용한 tweening-js 라이브러리는 가벼우면서도 promise 인터페이스를 지원하는 라이브러리가 없어서 직접 구현하여 올려둔 라이브러리 입니다: github.com/aluc-io/tweening-js "알고리즘 시각화 React 앱 개발" 시리즈는 Next.js, React, typescript와 같은 Modern Web Frontend 개발환경에서 알고리즘 시각화 웹 애플리케이션을 개발하고 배포까지 진행하는 프로젝트 입니다.

- 이번 Part13 에서는 막대 두개의 위치 변경시 모든 막대의 render 부분이 실행되는 문제를 useRef를 사용하여 해결합니다. 커밋한잔☕ 할까요? - 이번 커밋 내용 입니다: github.com/aluc-io/visualized-sort-algorithm/commit/bb0c41ea1f0ada4141a6c9ce226d1dc699020700 "알고리즘 시각화 React 앱 개발" 시리즈는 Next.js, React, typescript와 같은 Modern Web Frontend 개발환경에서 알고리즘 시각화 웹 애플리케이션을 개발하고 배포까지 진행하는 프로젝트 입니다.

Next.js, React, typescript와 같은 Modern Web Frontend 개발환경에서 알고리즘 시각화 웹 애플리케이션을 개발하고 배포까지 진행하는 프로젝트 입니다. 이번 Part12 에서는 Memorized 컴포넌트를 사용하여 React 코드를 최적화 합니다.

Next.js, React, typescript와 같은 Modern Web Frontend 개발환경에서 알고리즘 시각화 웹 애플리케이션을 개발하고 배포까지 진행하는 프로젝트 입니다. 이번 Part11 에서는 코드 중복 제거, 하드 코딩된 값 상수화 등의 코드 정리를 합니다.

Next.js, React, typescript와 같은 Modern Web Frontend 개발환경에서 알고리즘 시각화 웹 애플리케이션을 개발하고 배포까지 진행하는 프로젝트 입니다. 이번 Part10 에서는 state를 추가하여 Running 상태와 알고리즘의 현재 i,j 인덱스의 위치를 표시해봅니다.

#9 알고리즘 시각화 React 앱 개발 - Async/Await로 동작 과정 시각화

#8 알고리즘 시각화 React 앱 개발 - React 컴포넌트로 코드 분리

#7 알고리즘 시각화 React 웹 앱 개발하기 - GUI 구현

#6 알고리즘 시각화 React 웹 앱 개발하기 - Immutability, 정렬 알고리즘 포팅

#5 알고리즘 시각화 React 웹 앱 개발하기 - useState()

#4 알고리즘 시각화 React 웹 앱 개발하기

#3 알고리즘 시각화 React 웹 앱 개발하기

#2 알고리즘 시각화 React 웹 앱 개발하기

#1(TMI영상) 알고리즘 시각화 웹 앱 개발하기

#1 알고리즘 시각화 React 웹 앱 개발하기

4/4 코드 스타일, 지적하지 말고 정의하세요:)

3/4 코드 스타일, 지적하지 말고 정의하세요:)

2/4 코드 스타일, 지적하지 말고 정의하세요:)

1/4 코드 스타일, 지적하지 말고 정의하세요:)

IntelliJ 와 JDK 설치(1/4)