전체 글 311

브라우저 개발자 도구

탭 Element : 로딩된 웹페이지의 DOM과 CSS를 편집해서 렌더링된 뷰를 확인, 단 편집한 내용이 저장되지는 않음. Console : 로딩된 웹페이지의 에러를 확인하거나 js소스코드의 console.log를 확인할수 있음. Source : 로딩된 웹페이지의 자바스크립트코드를 디버깅할수 있음. Network : 로딩된 웹페이지에 관련된 네트워크 요청 확인 Application : 웹스토리지, 세션,쿠키관리 # 콘솔 여러줄 작성하려면 쉬프트+엔터로 줄넘김 # 에러콘솔 대충 이런코드 작성하면 이렇게 증가감소하는 UI가 만들어지는데 잘작동한다. 코드에서 counter-x로 바꿔보자. 이렇게 타입에러뜬다. 없는 프로퍼티를 왜찾냐 이거임. 추가적으로 위에 js코드에서 변수지정한 num을 출력하면 값이 뜬다...

카테고리 없음 2023.02.16

시작하면서/ 자바스크립트 소개

렌더링 : HTML, CSS, Jave Script로 작성된 문서를 해석해서 브라우저에 시각적으로 출력하는것. 서버사이드렌더링 : 서버에서 데이터를 HTML로 변환해서 브라우저에 전달하는 과정 SSR (server side rendering) Node js : 자바스크립트 런타임 환경 비동기 I/O(입출력) 단일스레드 이벤트루프 기반 동작 SPA에 적합(single page Application) *CPU사용량이 높은 어플리케이션에는 권장하지 않음. ECMA Script 이크마스크립트 : ECMA-262, 자바스크립트의 표준사양 클라이언트 사이드 Web API # 자바스크립트는 개발자가 별도의 컴파일작업을 수행하지 않는 인터프리터언어. 컴파일러 언어 : - 코드가 실행되기전단계(컴파일) 타임에 소스코드 ..

프리미어프로 // 영상속도조절

이론 동영상은 사진의 연속 일반영상 초당 30FPS 사진 30장 지나가는거. # 속도조절 클립 우클릭후 speed duration 오디오피치 유지하면 음성변형 안됨. 단축키 cntl + r ripple edit 클릭하고 늘리면 다음클립 안짤라짐. 속도 점점 증가하는건 안알려주네.. # 클립내에서 속도 조절 (강의에 없음) 클립우클릭하고 영상속도를 클립에 보이게해줌. 저 하얀줄이 영상속도임. 클릭으로 위아래로 하면 속도조절됨. 이제 프레임을 끊어주자. cntl+클릭으로 끊을곳 정할수있음. 그리고 이걸 각각 조절해주면.. 속도조절 끝 https://www.youtube.com/watch?v=PfJnfGku1PE&list=PLF3xwVWbSafz0pIGP5gCZEI7xBy2u0Pco&index=33&ab_ch..

프리미어프로// 마스크 설정

마스크 사각형으로 만들었는데 여기서 위에 네모를 위아래로 조절하면 라운트있는 사각형으로 마스크 확대 축소가 가능함 위에 있는 원을 조절하면 feather값 조절. 기본 페더값이 10이라 이걸 0으로 자르면 딱 각지게 잘림 화면자를땐 opacity로 하면됨. # 마스크 복사 붙여넣기 위에사진에서 마스크를 cntl + c누르고 복사해놨음 그다음 다른 클립에 적용하려고 cntl + v하면 안됨. opacity효과를 클릭안해서 그런거임 클릭후 cntl +v하면 복붙됨

프리미어프로// 오디오싱크 맞추기

프레임단위 클립이동 클립클릭후 cntl + 방향키 # 자동맞추기 클립 복수선택하고 마우스 우클릭, 싱크로나이즈 하울링나면 조금 클립 움직이자. # 머지된 클립하나 삭제 동영상 + 음성 묶였을때 음성만 삭제하려면 알트누르고 클립누르면 됨. https://www.youtube.com/watch?v=bJqEaloeuYc&list=PLF3xwVWbSafz0pIGP5gCZEI7xBy2u0Pco&index=39&ab_channel=%EB%A1%A4%EC%8A%A4%ED%86%A0%EB%A6%AC%EB%94%94%EC%9E%90%EC%9D%B8%EC%97%B0%EA%B5%AC%EC%86%8C

롤스토이 // 라쏘툴 누끼따기

이게 라쏘툴이다. 선택영역을 자유롭게 선택할수 있는거.. # 기본사용법 그냥 클릭하고 그리면됨 중간에 클릭을 떼버리면 해제되니까 주의 # 화면 밀기 라쏘툴로 누끼따는 도중에 화면 밀고싶으면 스페이스바 누르고 밀면됨 # 선택영역 지우기 알트 누르고 필요없는부분 삭제 # 선택영역 추가하기 쉬프트 누르고 필요한 부분 더 그려넣기 # 누끼따고나서 레이어복사 cntl + J # 스트로크 주기 이 상태에서 누끼딴 레이어 빈공간 더블클릭 레이어스타일이 뜨는데 테두리선 만들려면 스트로크 설정을 해주면됨 # 퀵셀렉션툴 (누끼 쉽게따기) 퀵셀렉션툴로 비비면 됨 단축키는 w #누끼딴거 부드럽게 하기 누끼딴후 뾰족한데를 라운드 주는거, 셀렉트 + 수정 + smooth로 설정할수 있음 # 퀵셀렉션툴 요거임 누르고 비비샘 [키 ..

6,8강// 마크, 클립툴, 모션적용

# M누르면 마크찍힘 # slip tool 클립 시작 끝부분 수정하기. 좌측상단 : 이전클립의 마지막 부분 우측 상단 : 다음 클립의 첫부분 좌측하단 : 선택클립의 시작구간 우측 하단 : 선택클립의 마지막 구간 - 클립 자른 길이만큼 알아서 바뀜. # cntl + , 환경설정 # scale to frame size 클립 우클릭후 누르면 화면에 딱맞게 변경해줌. # save preset 모션 만든후에 effect control패널에서 motion마우스 우클릭, save preset하고 저장 그후 Effects 패널에서 가져와서 클립에 갖다 쓰면 됩니다.

프리미어프로 1,2,3,5강

# 소스모니터 패널 JKL단축키로 역재생 스탑 재생 IO로 마크 자른클립을 타임라인으로 드래그해서 가져오면 됨. # 쉬프트+드래그 클립에 자석붙기 # 강의에 없는내용 cntl+K가 자르기 단축키임. qw를 자주쓰는데 이펙트넣으려면 이것도 써야함. # 텍스트 작업 먼저 왼쪽 이펙트 컨트롤 패널에서 가운데정렬을 해주고, 메인화면에서 자막을 컨트롤 누르면서 드래그. 가운데정렬이 됨. # 반응형 자막바 핀투 https://www.youtube.com/watch?v=WEympnccDEQ&ab_channel=%EA%B8%B8%EB%A6%B0TV - 반응형 자막바는 pinto가 메인이다. 텍스트를 만든 후, 에센셜 그래픽패널과 이펙트패널을 사용한다. 주의할점은 이펙트패널에서 패널을 선택하고 타임라인 옆에 쉐이프툴을 ..