🎨 Adobe 🔵 Photoshop | PSD 포토샵 글자변형 원근감 Perspective 포토샵 단축키 | Ctrl + T : 변형 / ↪️작업하다보면 글자 레이어를 조정해야할 때가 있는데, 이때 단순히 크기 조정외에 원근감이나 왜곡 등의 효과를 주어 자연스럽게 이미지에 녹이거나 글자만으로 원근감을 주고 싶을 때 사용하면 좋아요😊 / [ 방법 1 ] 1. 원하는 이미지 또는 빈 레이어 위에 글자 작성 2. 문자레이어 오른쪽 마우스 클릭 후 > Convert to Shape 클릭! 3. 변형하고 싶은 문자레이어 선택 후 > Ctrl + T 누르고 오른쪽 마우스 클릭! 4. Perspective 눌러서 원하는만큼 변형! 완료!😊✌️ ⬇⬇⬇ "❤️ 이미지와 함께 설명 보기 ❤️" ✅ 1. 원하는 이미지 또는..

🎨 Adobe 🔵 Photoshop | PSD 포토샵 선택한 레이어만 보기 포토샵 단축키 | 레이어 감추기 / ↪️작업하다보면 보고 싶은 레이어만 선택해서 앞에 눈을 선택하고 가리고 싶은 레이어는 앞에 눈을 선택해서 해제해서 감추는데, 레이어가 많을 때 하나하나 작업하기 귀찮자나요 ㅎㅎ 이때, 내가 선택한 레이어만 보이고 다른 레이어는 감추는 방법입니다.😊 / 📍하나의 레이어만 남기고 나머지 레이어는 숨기는 방법! / [ 방법 1 ] 1. 내가 보고 싶은 레이어 앞에 눈 아이콘 선택 2. 감추고 싶은 레이어의 모든 눈 아이콘을 해제 / [ 방법 2 : 빠른 방법] 내가 보고 싶은 레이어의 눈 아이콘을 Alt를 누르고 클릭 ! 완료!😊✌️ ⬇⬇⬇ "❤️ 이미지와 함께 설명 보기 ❤️" [ 첫번째 방법 1 ..

JavaScript 숫자 3자리마다 콤마 표시하기 자바스크립트 JS / " 숫자를 표시할때 3자리마다 콤마가 표시되었으면 좋겠을 때 사용하는 코드.✌️ 가장 쉬운 방법은 toLocaleString()을 사용하는 것입니다.😊" / ⬇️⬇️⬇️숫자 콤마 구현⬇️⬇️⬇️ ⇣ 숫자를 입력하면 자동으로 3자리마다 콤마가 표시됩니다 ⇣

🎨 Adobe 🔵 Photoshop 포토샵 이미지 배경 티안나게 자연스럽게 늘리기 PSD ↪️이미지를 사용하다보면 사이즈가 맞지 않거나 더 큰 이미지가 필요해서 배경을 더 늘려야하는 경우가 있는데, Marquee Tool 툴로 영역을 지정해 Ctrl + T로 늘리는것보다 더 자연스럽게 늘리는 방법이예요!😊 / [ 방법 순서 ] 1. crop 툴을 사용해 배경 늘릴만큼 Canvas사이즈를 늘리기 2. 비어있는 공간을 Marquee Tool로 영역을 잡기 3. Edit > Fill > Content-Aware 선택 📍Content-Aware : 주변에 맞춰 설정한 영역을 채워주는 기능 4. 배경이 채워졌다면 더 자연스럽게 만들기 위해 Ctrl+A로 전체 선택 후, Spot Healing Brush Tool을..

[vscode] 비주얼 스튜디오 코드 (Visual Studio Code) 자동 줄바꿈 하는 방법 / "코드를 작성하다보면 보이는 화면보다 코드의 길이가 길어서 코드가 짤려 보이는데, 이때 자동 줄바꿈으로 설정을 바꿔주면 코드를 한눈에 알아보기 쉬워요.😊" / ✅ 자동 줄바꿈 하는 방법 ↪️ File 선택 > Preferences 선택 > Settings 선택 ↪️ word wrap 검색 ↪️ off ➡️ On으로 변경! " 작업하던 돌아가면 자동으로 화면 사이즈에 맞춰 줄이 바뀌는 것을 볼 수 있습니다." ↪️ File 선택 > Preferences 선택 > Settings 선택 ↪️ word wrap 검색 후, off ➡️ On으로 변경! " 작업하던 돌아가면 자동으로 화면 사이즈에 맞춰 줄이 바뀌는..

JavaScript 숫자 카운트 애니메이션 만들기 자바스크립트 JS / " 웹사이트 홈페이지를 보면 숫자가 올라가면서 카운팅되면서 고객의 시선을 잡는 페이지가 있는데, JS 카운트 애니메이션으로 구현 가능합니다.✌️ 고객에게 어필할 수 있는 숫자 카운트 구현 코드입니다.😊" / ⬇️⬇️⬇️쏘카 홈페이지 숫자 카운팅 예시⬇️⬇️⬇️ ✅ 숫자 카운트 애니메이션 Code ↪️ HTML > CSS > JS - 📍font : Montserrat 0명의 회원이 쏘카와 함께하고 있습니다. 지금 바로 쏘카 드라이브를 시작하세요.

[vscode] 비주얼 스튜디오 코드 (Visual Studio Code) 한번에 정렬하는 단축키 / "다른 사람의 코드를 복사해 오거나, 다른 파일에서 작업하던 코드를 붙여 넣을 때 정렬이 틀어지는 경우가 있는데, 이때 코드를 한번에 자동정렬하면 편하고 좋아요.😊" / 자동 정렬한 후의 깨끗한 코드😊✌️ ↓↓↓ [ 1. 단축키로 자동정렬 하는 방법 ] ↪️ Window : Shift + Alt+ F Mac : Shift + Option + F Window : Ctrl + Shift + I / [ 2. 메뉴에서 자동정렬 하는 방법 ] ↪️ 정렬하고 싶은 코드 페이지에서 오른쪽 마우스 클릭 > Format Documet 클릭 이미지로 확인하기 ⬇️⬇️⬇️

🎨 Adobe 🔵 Photoshop 포토샵 목업 이미지 만들기 PSD mockup ↪️Bi / 브랜드 제품 이미지 베레이션이나 브랜드 제품 마크업시 많이 사용되는 목업 이미지 만드는 방법 😊 / [ 방법 순서 ] 1. 원하는 이미지 준비 2. 마크업할 이미지 부분 도형으로 사각형 만들기 3. 도형레이어클릭 > 오른쪽 마우스 > Convert to SmartObject 선택 4. Ctrl + T 누르고 오른쪽 마우스 > Distrot 누르고 이미지 변형! 5. 스마트오브젝트 더블클릭해 원하는 텍스트 또는 이미지 넣기 6. 원래 파일로 돌아가면 변경 이미지 적용 완료! ⬇⬇⬇ " 이미지와 함께 설명 보기 ❤️" ✅ 1. 원하는 이미지 준비 ✅2. 마크업할 이미지 부분 도형으로 사각형 만들기 ✅3. 도형레이어..

AD STUDY 광고 용어 정리 광고 비용 | 광고과금 용어 / " 온라인 마케팅을 시작하면 광고 돌리는 방법도 어려운데, 단어들도 많이 어려웠던 것 같아요! 알아두면 유용한 온라인 마케팅을 기본 용어들입니다 😊" ✅광고 비용 | 광고과금 용어 ① CPC (Cost Per Click) - 노출 횟수와 관계없이 오로지 클릭이 발생한 횟수에 따라 정산되는 방식 (클릭당 비용) ② PPC (Pay Per Click) - 클릭 1회당 광고주가 지불하는 비용 ↪️( CPC와 PPC는 별다른 구분 없이 사용) ③ CPM (Cost Per Mille) - 최초의 의미는 1,000회 노출에 따른 금액을 책정한 것이었지만, 현재는 월 정액제 광고를 의미 ④ CPA (Cost Per Action) - 광고를 클릭하여 유입..

AD STUDY 검색광고 용어 정리 광고 기본 용어 / " 온라인 마케팅을 시작하면 광고 돌리는 방법도 어려운데, 단어들도 많이 어려웠던 것 같아요! 알아두면 유용한 온라인 마케팅을 기본 용어들입니다 😊" ✅ 검색 광고 기본 용어 정리 ① 노출수(IMP, Impression) - 광고가 노출되는 횟수 ② 클릭수(CLK) - 사용자가 키워드를 조회한 후 노출되고 있는 광고를 클릭한 횟수 ③ PV (Page View) - 홈페이지에 들어온 사용자가 페이지를 둘러 본 횟수 ④ UV (Unique Viewer) - 일정 기간 동안 특정 사이트에 중복되지 않고 1회 이상 방문한 고객 수 ⑤ 랜딩페이지 (Landing Page) - 검색광고의 텍스트나 배너 광고를 클릭 했을 때 연결되는 페이지 ⑥ 체류시간 (DT=..

Photoshop 포토샵 화살표 만들기 ↪️박스나 제품 사이즈 표기할 때 활용 / 상세페이지에 제품의 사이즈를 화살표나 간격만큼 그려 표기하는데요, 펜툴을 사용하며 만들지 마시고 아래의 방법으로 간단하게 만들어보세요!😊 / [ 순서 ] 1. Line Tool 선택 2. Shape 모드 Fill 원하는 컬러 선택 / Stroke 없음 3. Weight 2px로 입력 후, 설정 아이콘 선택 4.설정에서 Start와 End 모두 선택 후, ↪️Width: 15px / Length : 10px / Concavity : 0% 5. 이미지 클릭 후, 그리면 끝!😍 ⬇⬇⬇ " 이미지와 함께 설명 보기 ❤️" ✅ 1. Line Tool 선택 ✅ 2. Shape 모드 Fill 원하는 컬러 선택 / Stroke 없음 ✅ ..

Naver AD 네이버 파워링크 광고 / " 파워링크 검색 광고를 등록 후, 키워드나 소재 등 확장 소재들을 등록해 광고하고자 하는 상품을 더 고객에게 어필 할 수있게 등록할 수 있어요 " 파워링크 이미지를 등록하면 상품에 대해 고객이 한번에 이해할 수 있어 더 좋아요 😊 / / [ 파워링크 이미지 사이즈 ] : 최대 사이즈 2000px X 2000px ↪️최대 용량 5MB (※ 저는 1000px X 1000px 이미지로 만들어서 등록했어요) ✅ 파일 가능 유형은 BMP, JPG, JPEG, PNG입니다. 📍끝! / 오늘보다 내일 더 성장하길 바라며😍 - 오늘보다 내일 더 Grow Up🖤

React 리액트 리액트를 사용하는 이유 ↪️리액트의 장점과 단점 / 리액트를 사용하는 이유😊 ↪️ web-app : 모바일앱이랑 사용성이 비슷 ↪️ web-app을 쉽게 만들 수 있는 : React / Angular / Vue / [ 리액트의 장점 ] ✅ 모바일앱으로 발행이 쉬워요! ㄴ React Native : 모바일 환경도 개발 가능 (React Native 사용시 JS로 개발해 안드로이드 앱과 IOS 동시에 만들 수 있음) ✅ 모바일앱처럼 빠르게 전환되는 UX로 사용자 만족 높음 ㄴ 빠른 업데이트와 렌더링 속도 ➡️ React는 DOM을 직접 수정하는 것이 아니라 업데이트 해야할 최소한의 부분만 찾아서 변경하기 때문에 ✅ 카카오 많은 대기업에서 사용하는 비즈니스적 강점 ✅ 재사용성(Reusabil..

Java 자바 기초 자바란? ➡️ 자바는 객체 지향언어로 개발된 프로그래 언어. ➡️ 현재 전세계에서 가장 많이 사용하는 프로그래밍 언어 중 하나. / ✅ 자바 언어의 장점 → 독립적으로 실행이 가능 → 자동 메모리 관리 지원으로 다른 언어에 비해 안정성이 높음 → 연산자 오버로딩을 금지하고 제네리을 도입 > 코드의 가독성이 높은 편 → 현재 자바 코드예제가 많아 다양한 코드를 볼 수 있음 ✅ 단점 → 실행 속도가 느림 : 자바의 실행을 위해서 가상 머신을 거쳐야해 → 예외 처리를 개발자가 하나하나 다 처리해주어야 함 → 작성하는 코드의 길이 가 긴편 🟠 자바 기본 코드 구성 class Test { int code1; String code2; public void method1() { System.out..

Photoshop 포토샵 빛나는 도형 쉽게 만들기 포토샵 Wrap 기 / 반짝 빛나는 듯한 효과를 주고 싶을 때 펜툴을 사용하며 만들지 마시고 아래의 방법으로 간단하게 만들어보세요!😊 / [ 순서 ] 1. 사각형 도형 생성 2. Ctrl + T 누른 후, 오른쪽 마우스 Wrap 선택 3. Wrap 옵션 중에서 Inflate 선택 4. Inflate 'Bend'의 값을 -80이라고 입력 5. Ctrl+T 눌러서 원하는 방향으로 회전 ⬇⬇⬇ Ctrl + T 누른 후, 오른쪽 마우스 Wrap 선택 ➡️ Inflate 선택 Inflate 'Bend'의 값을 -80이라고 입력 Ctrl+T 눌러서 원하는 방향으로 회전 / 끝! / 오늘보다 내일 더 성장하길 바라며😊 - 오늘보다 내일 더 Grow Up🖤

Adobe Photoshop (English) 어도비 포토샵PSD 영어로 바꾸기 한글에서 영어로 바꾸기 "포토샵 언어변경방법" / [ 방법 ] 1) 어도비에서 포토샵을 다운받기 전에 바꾸기 2) 어도비에서 포토샵을 다운받은 후에 바꾸기 / 상황1. ✅ 어도비에서 포토샵을 다운받기 전 : ↪️ Creative Cloud Desktop 크리에이티브 클라우드 프로그램 환경 설정 > 앱 > 기본 설치 언어 : English(International)로 변경 ✨Tip은 아래 상세 설명을 읽어주세요!✨ / 상황2. ✅ 어도비에서 포토샵을 다운받은 후 : ↪️ 내 컴퓨터에서 Adobe 폴더 들어가기 / ↓ 자세한 설명은 아래 이미지와 설명을 참고해주세요 ↓ ✅어도비에서 포토샵을 다운받기 전에 언어 설정해서 다운받는 ..

Drawandrew 드로우앤드류 시즌1 8편 리뷰 / 그동안 제 영상봐주셔서 감사합니다. (S1 E8) [ 드로우앤드류님의 한마디 ] "내가 행동을 못하는 이유는 목적이 없어서다." "이걸 왜 해야하지? 어떻게 해야하지?를 좋아하는 것을 찾고 고민하기" "내가 원하는 모습을 상상하고 하루하루 나아가는 것" "의미있는 일, 내가 좋아하는 일 하면서 돈 많이 벌 수 있다." "이걸 해봤자 안될꺼야 라는 생각을 깨부수는 순간 잘 될 것이다." "어떤 일을 하던 즐길 수 있는 시스템 만들기" / [ 핵심 내용 ] "목표를 달성하기 위한 동기부여" "명확한 목표 설정" "목표를 이루기 위한 실행" ✅ 실행하기 : 목표를 이루기 위해 매일 꾸준히 이루어 나가기! 📍오늘의 추천 책 ↪️일을 잘한다는 것 "최고의 성과..

Naver TV 네이버 티비 / 채널관리 재생목록 관리 선택 새 재생목록 만들기 / [새 재생목록 만들기] 재생목록 제목 작성 재생목록 대표 이미지 등록 ㄴ 사이즈 : 880px X 495px

Naver TV 네이버티비 채널 네이버티비 채널 꾸미기 (채널 정보 관리, 채널 홈 관리) / 네이버 TV 자신의 채널 꾸미는 방법 ✅ 네이버TV > 크리에이터 스튜디오 / ❤️가이드 파일 맨 아래에서 한번에 다운로드 가능❤️ [ 채널정보관리 꾸미기] 채널관리 선택 > 채널 정보 관리 이동 ✅프로필 배너 등록 : 사이즈 152x152px ✅포스트 배너 등록 : 사이즈 270x388px ⬇⬇⬇ ✅프로필 배너 등록 : 사이즈 152x152px ✅포스트 배너 등록 : 사이즈 270x388px [ 채널정보관리 꾸미기] 채널관리 선택 > 채널 홈 관리 이동 ✅PC 배너 등록 : 사이즈 1248x230px ✅모바일 배너 등록 : 사이즈 750x352px ⬇⬇⬇ ✅PC 배너 등록 : 사이즈 1248x230px ✅모바..

Chrome 롬 즐겨찾기 북마크 내보내기 및 가져오기 방법 / "컴퓨터를 사용하다보면 동기화를 해놓지 않아서 컴퓨터를 바꾸면 크롬에 즐겨찾기 해 둔 북마크가 다 날라가는 경우가 있는데, 이때 북마크를 내보내기를 하면 컴퓨터를 바꿔도 바로 저장된 북마크를 모두 가져올 수 있어요!" [ 크롬 북마크 내보내기 방법 ] ⬇⬇⬇ " 다른 브라우저로 북마크 이동하기 " 1. 컴퓨터에서 Chrome을 엽니다. 2. 오른쪽 상단에서 더보기 를 클릭합니다. 3. 북마크 북마크 관리자를 선택합니다. 4. 상단에서 더보기 북마크 내보내기를 클릭합니다. [ 크롬 북마크 가져오는 방법 ] ⬇⬇⬇ " Chrome에 북마크 추가하기 " 1. 컴퓨터에서 Chrome을 엽니다. 2. 오른쪽 상단에서 더보기 를 클릭합니다. 3. 북마크..