분류 전체보기9 CRA(create react app)를 이용해서 Reactjs 개발 환경 만들기 개발을 취미로 하고 있는 UI개발자가 끄적끄적 개발 이야기를 공유합니다. 주의사항 고수 분들에게는 도움이 되지 않을 수 있습니다. 혹시 도움을 주시고 싶으신 분들은 조심스럽게 댓글 부탁드립니다. Reactjs 개발의 시작 장인정신은 좀 뒤로 하자. 일단 개발을 하려면 사용하는 언어에 맞는 개발 환경부터 갖춰야 한다. 나는 장인이 될 테야~!라는 장인 정신으로 한 땀 한 땀 정성스럽게 개발환경을 만들어 가는 사람들도 있다. (장인들은 언제나 존경스럽다...) 하지만 이제 개발을 시작하는 사람들이 (나와 같은 사람들) 장인 정신의 마음가짐으로 개발환경을 세팅하다 보면 작심삼일이 되기도 전에 개발을 하지 않게 된다는 전설이 있다... (슬픈 나의 이야기이다..) 자 이제 장인 정신은 좀 뒤로 하고 기본적인 개.. 2023. 4. 26. 무료 영상 편집 다빈치리졸브로 정적인 영상에 생동감 불어 넣기 이전 포스팅에서 다빈치리졸브를 이용해서 흔들린 영상을 편집하는 방법에 대해서 공유를 했었는데요. 2023.04.21 - [영상이야기/다빈치리졸브] - 다빈치리졸브 흔들린 영상 편집 보정 하는 방법 다빈치리졸브 흔들린 영상 편집 보정 하는 방법 영상을 촬영할 때 흔들리지 않게 촬영하는 것이 참 중요하다. 그래서 영상을 촬영할 때 떨림이 없게 촬영하기 위해서 노력을 한다. 하지만 손으로 영상을 촬영할 때 흔들림이 없이 촬영한다는 dev.dearmyday.com ㅇ 흔들리지 않고 편안한 영상으로 마음의 안정감을 찾았지만 움직임이 없다 보니까 조금 밋밋하다는 느낌이 들었습니다. 그래서 이번에는 흔들림이 보정된 상태의 영상에 다빈치리졸브를 이용해서 동적인 움직임을 넣어서 생동감 있는 영상으로 바꾸는 방법을 공유해.. 2023. 4. 22. 다빈치리졸브 흔들린 영상 편집 보정 하는 방법 영상을 촬영할 때 흔들리지 않게 촬영하는 것이 참 중요하다. 그래서 영상을 촬영할 때 떨림이 없게 촬영하기 위해서 노력을 한다. 하지만 손으로 영상을 촬영할 때 흔들림이 없이 촬영한다는 게 생각보다 어려운 경우가 많다. 이렇게 흔들린 영상을 편집하려고 에디터에서 열어보면 아 뭔가 굉장히 만족스럽지 않아서 다시 촬영해야 하나 싶을 때가 있다. 심하게 흔들리지 않은 영상이라면 다빈치리졸브로 영상의 흔들림을 보정할 수 있는 방법이 있다. 균형을 잃고 흔들린 영상 최근에 창고 43이라는 가게에 소고기를 먹으러 갔었다. 가게 앞에서 아무 생각 없이 가게 앞에서 영상을 촬영했는데 나름 구도가 나쁘지 않다는 생각이 들었다. 근데 촬영 당시 몸의 균형이 살짝 틀어져서 움직이게 되면서 영상이 기우뚱하게 촬영되었다. 흔들.. 2023. 4. 21. 다빈치 리졸브 언어 한글로 변경하는 방법 다빈치 리졸브를 한글로 사용할 수 있는 방법(한글패치)을 소개합니다. 다빈치 리졸브는 기본적으로 모든 언어가 영어로 되어 있다. 나를 포함한 많은 사람들이 초중고 영어를 접하면서 영어에 어려움은 없겠지만.... 그래도 우리의 모국어는 세종대왕 할아버지가 만들어주신 한글이지 않은가...^^ 나랏말싸ㅁ... 지금부터는 다빈치 리졸브의 언어를 한글로 변경하는 방법에 대해서 공유해보려고 한다. Preferences (환경설정)를 찾아라 다빈치 리졸브를 실행시키고 프로젝트에 들어가면 나타나는 메인 화면의 좌측 상단을 확인해 보자. 위의 이미지처럼 Davinci Resolve를 클릭하면 나타나는 목록 중에서 Preferences를 클릭해 보자 (단축키는 Ctrl+,) 그러면 다음 이미지처럼 중앙에 Preferenc.. 2023. 4. 7. 무료 영상 편집 프로그램 다빈치리졸브(Davinci Resolve) 설치하기 영상 편집 프로그램은 다양하다. 나는 전문가는 아니지만 아마 가장 유명한 건 어도비의 프리미어 프로와 파이널 컷 프로 X가 아닐까 하는 뇌피셜.. 단순하게 촬영만 해서 동영상 원본을 인스타와 같은 SNS나 유튜브에 올리면 되기도 하지만 그래도 지금의 영상춘추전국시대에 기본적인 편집은 할 수 있어야 하지 않을까 하는 생각이 들었다. 앞서 말한 유명한 2가지 프로그램은 기간 한정 무료이지만 유료라고 보면 되고 전문가도 아닌 내가 처음부터 유료 툴을 사용하는 건 오바라는 생각이 들었다. 무료 영상 편집 프로그램들도 꽤나 많이 있었고 그중에서 내가 사용해 볼 건 다빈치리졸브라는 프로그램이다. 시작이 반이라고 했던가~ 지금부터 window 11에서 다빈치 리졸브를 설치하는 방법을 공유해보려고 한다. 다빈치 리졸브.. 2023. 4. 5. Window 11 pro WSL2 환경에서 VS Code 사용하기 블로그 내용 window 11 pro의 WSL2 환경에서 VS Code를 설치하는 기본적인 과정을 설명합니다. 이전 글에서 WSL2 환경설정을 진행했습니다. 아직 WSL2이 설치되지 않았다면 아래글을 참고해서 WSL2를 설치해 보세요. Window 11 pro에서 WSL2로 개발 환경 설정 만들어 보자 블로그 내용 요약 UI 개발자가 window 11 pro에서 Linux를 활용하기 위해 WSL2를 설치하는 과정을 정리합니다. WSL이란 무엇인가? Window Subsystem for Linux의 약자로 이 글에서는 WSL에 대한 자세한 설명은 제 dev.dearmyday.com VS Code를 설치하는 아주 기본적인 과정 VS Code 설치 사이트로 이동해서 VS Code 설치 파일을 다운로드합니다. .. 2023. 3. 14. [리눅스 명령어] window terminal에서 폴더, 파일 삭제 하기 블로그 내용 wsl2의 window terminal을 사용하면서 사용하게 되는 리눅스의 삭제 명령어를 정리해 봅니다. 리눅스 삭제 기본 명령어 rm 리눅스에서 파일이나 폴더를 삭제할 때 rm이라는 명령어를 사용합니다. (rm은 remove의 약자입니다.) rm [옵션] [삭제하는 파일 또는 디렉토리] ※ 삭제는 항상 신중하게 진행해 주세요. 파일을 삭제하는 방법 다른 옵션 없이 rm만 사용한다면 디렉터리는 삭제하지 않고 파일만 삭제합니다. 예를 통해서 살펴보겠습니다. workspace라는 폴더에 test 폴더와 test.js라는 파일이 있습니다. test폴더와 test.js를 rm 명령어만 사용해서 삭제하면 어떻게 될까요? rm test test.js 위 캡처 화면처럼 디렉터리(폴더)는 삭제되지 않고 파.. 2023. 3. 13. Window 11 pro WSL2에 Node.js 환경 설정 해보기 블로그 내용 요약 Window 11 pro의 WSL2 환경에 Node.js를 설치해서 기본 화면을 표시하는 것까지 정리합니다. 이전 글에서 Window 11 pro에 WSL2 환경 설정을 진행했습니다. 혹시 아직 WSL2이 설치되지 않았다면 아래 글을 참고해서 WSL2를 설치해 보세요. Window 11 pro에서 WSL2로 개발 환경 설정 만들어 보자 블로그 내용 요약 UI 개발자가 window 11 pro에서 Linux를 활용하기 위해 WSL2를 설치하는 과정을 정리합니다. WSL이란 무엇인가? Window Subsystem for Linux의 약자로 이 글에서는 WSL에 대한 자세한 설명은 제 dev.dearmyday.com Linux 패키지 관리자 apt 최신 상태로 만들기 일단 패키지들을 설치하.. 2023. 3. 12. Window 11 pro에서 WSL2로 개발 환경 설정 만들어 보자 블로그 내용 요약 UI 개발자가 window 11 pro에서 Linux를 활용하기 위해 WSL2를 설치하는 과정을 정리합니다. WSL이란 무엇인가? Window Subsystem for Linux의 약자로 이 글에서는 WSL에 대한 자세한 설명은 제외하고 간단하게 설명하면 Window 운영체제에서 Linux를 사용할 수 있게 해주는 시스템(도구)이라고 할 수 있습니다. WSL2를 설치해 보자 ※ 설치 전 확인해야 하는 사항 여기서 설명하는 설치 방법은 Window 10 버전의 2004 이상 (빌드 19041 이상) 또는 Window 11의 환경에 맞춰서 작성되어 있습니다. 저는 Window 11 pro 버전이 설치되어 있습니다. WSL2를 설치하는 과정 아래 이미지처럼 관리자 권한으로 PowerShell.. 2023. 3. 9. 이전 1 다음
