Adobe Photoshop 포토샵 여러장의 이미지를 pdf 1개로 저장하기 / [ 순서 ] 1) 여러장의 이미지 파일 준비 2) 포토샵에서 pdf파일 1개로 저장하기 / [ pdf 저장 방법 ] ✅ 포토샵 영어 버전 : [ File > Automate > PDF Presentation 선택 ] ↪️ 창이 열린 후, [ Add Open Files 에서 Browse 버튼 선택 > 이미지 파일 선택 > Save 버튼 선택 > 저장위치 선택 > Save PDF 버튼 선택 ] 끝! ↓ 자세한 설명은 아래 이미지와 설명을 참고해주세요 ↓ ✅

Adobe Illustrator 모서리 둥글게 만들기 [ 모서리 둥글게 만드는 방법 1 ] 원하는 모서리를 부분선택툴(A)로 선택 후, 안으로 당기기 (아래 이미지 참고) / [ 모서리 둥글게 만드는 방법 2 ] 혹시 자동으로 모서리 둥글게 만들 수 있는게 생성되지 않는다면 효과 채널에서 설정 ✅ 일러스트 영어 버전 : [ Effect > Stylize > Round Corners > 값 설정 ] ✅ 일러스트 한글 버전 : [ 효과 > ↓ 자세한 설명은 아래 참고해주세요 ↓ 🎨 [Adobe Illustrator] 일러스트 : 도형 모서리 둥글게 만들기 ✅ 상황 → 펜툴이나 도형 또는 글자를 깬 후에 각진 부분을 둥글게 radius 효과를 주고 싶은 상황 ✅ 두가지 방법 ↓↓↓🔴 단축키로 1초만에 하기↓↓..

Adobe Illustrator 이미지 고정 + 해제 단축키 " 이미지 고정 " Window : Ctrl + 2 Mac : Command + 2 / " 이미지 고정 해제 " Window : Ctrl + Alt + 2 Mac : Command + option + 2 ↓ 자세한 설명은 아래 참고해주세요 ↓ 🎨 [Adobe Illustrator] 일러스트 단축키 : 이미지 고정 + 해제하는 방법 ✅ 상황 → 일러스트를 작업하다보면 스케치나 도안을 그린 후에 펜툴을 사용해서 라인을 따는 상황 또는 많은 이미지들을 작업하다보면 배경이나 이미지를 고정 후에 다른 이미지 위치를 쉽게 이동할 때 이미지를 고정하고 싶어지는데 이때 필요한 단축키 ✅ 방법 ↓↓↓🔴 단축키로 1초만에 하기↓↓↓ " 이미지 고정 " Windo..

[HTML] html / 블럭라인과 인라인 특징 정리

[Eclipse] / 이클립스로 프로젝트 개발 배포하기 / 톰켓 관리하기 톰켓 서비스 등록 톰켓 디렉토리 설명 톰켓 시작하기(구동하기) 톰켓 정지하기 톰켓 구동확인 톰켓 포트변경 / 배포하기

[Premiere Pro] Premiere Pro / 동영상 저장하기 단축키 window : ctrl + m mac : command + m

[css] / css style 속성 포지션일때 위치 조정하기 ✓ position : absolute 가운데, 중앙 정렬하기

[CSS] width height 100% 와 100vh의 차이점 ✅ 상황 → 넓이와 높이 속성 값을 설정할 때 %와 vh의 중 어떤 속성값을 사용해야하는지 고민이될 때 ✅ 100% 와 100vh의 차이점 → (%)퍼센트는 부모의 태그를 기준으로 퍼센트를 측정하여 사이즈를 표시 → VH는 Viewport Height라는 의미로 화면의 100퍼센트를 사용하겠다는 의미

[HTML] VIDEO 태그 / 페이지에 동영상 넣기 웹 홈페이지 ✅ 상황 → 웹 홈페이지를 만들다보면 동영상을 넣고 싶을 때, 또, 메인 페이지에서 풀화면으로 동영상을 깔아두고 싶을 때! ✅ 방법 → HTML video tag 사용 🟠 video tag 기본 문법 🟣 video tag 추가 문법 비디오가 깨졌을 때 나올 텍스트 video error(현재 브라우저는 비디오를 재생할 수 없습니다) 🟢 video tag 속성 설명 ➡️ src : 동영상 주소를 적는 속성 ➡️ controls : 동영상을 재생하기 위한 바를 표시하는 속성 ➡️ loop : 동영상 반복을 결정 ➡️ muted : 음소거 설정 ➡️ autoplay : 페이지가 로드되면 바로 동영상이 재생되도록 설정 ➡️ poster : "이미지..

[css] css background : transparent 란? / background : none 이랑 차이점은? background: none; background: transparent; ✅ background : transparent 란? → ✅ css background : transparent vs background : none ?? → 간단하게 background의 색상을 없앨 때 우리는 none(없애기), transparent(투명)을 사용할 수 있음 → 이 둘의 차이점을 알려면 background 속성을 알아야하기 때문에 아래에서 자세히 설명! ✅ 어떤 경우에 사용할까? → 배경색이 지정된 요소의 배경을 없애야하는 경우에 사용 🟣 background 속성 background-colo..

[GitHub] github 에러 해결하기 ( remote: error: this exceeds GitHub's file size limit of 100.00 MB ) 대용량 파일 push ✅ 상황 → 팀프로젝트로 pull을 받고 push을 하려는데 ✅ 오류 내용 → 1b08867401719b06c5624f7285b403cceb90d6ce66d04ebc6e5c7fa5d7ea5122 error: See http://git.io/iEPt8g for more information. error: File target/spotmate2-0.0.1-SNAPSHOT.war is 130.16 MB; this exceeds GitHub's file size limit of 100.00 MB error: File targ..

[Api] 카카오 주소찾기 api : kakao html input text api HTML / CSS / JS ✅ 상황 → 회원가입 폼이나 마이페이지 등 회원 정보 등록에서 흔히 볼 수 있는 주소 찾기 기능 구현하고 싶을 때 ✅ 방법 → 카카오 주소찾기 Api 사용 ✅ 사용 방법 → HTML 작성 → CSS input 디자인 → JS 연동 및 선택 입력값 세팅 🟢 아래에서 기본 사용법을 확인할 수 있습니다. https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.ne..

[jQuery] 마우스 스크롤시 실행되는 함수 : window scroll ✅ 상황 → 브라우저 화면에서 스크롤시 페이지에 변화가 생겼으면 좋겠음 ✅ 방법 → 마우스 스크롤시 실행되는 jQuery 함수 window scroll 사용 $(window).scroll(실행할 내용 추가); ↓↓↓ 👩🏻‍💻👩🏻‍💻👩🏻‍💻 ↓↓↓ 🟢 HTML BRAND CONCEPT SPOTMATE 누구나 쉽게, 원하는 목적지로 편하게 이동하는 경로가 비슷한 드라이버를 찾아 출발지부터 목적지까지 편하게 이동해보세요. 사람들은 원하는 장소로 이동하기 위해서는 이동할 수 있는 수단이 있어야합니다. 하지만, 운전면허가 있어도 운전을 잘하지 못하거나 자신의 모빌리티가 없는 경우에는 대중교통을 이용하거나 택시를 타야하합니다. 하지만 날씨가..

CSS 이미지 자동 슬라이드 만들기 : 흘러가는 이미지 ✅ 상황 → HTML과 CSS만으로 이미지 자동 슬라이드 만들고 싶을 때 🟢 HTML 🟢 CSS @charset "UTF-8"; #slider { overflow: hidden; position: relative; /* border: 20px solid red; */ /* // 이미지 보여지는 뷰 부분만큼 px조절 */ width: 1440px; height: 140px; box-sizing: border-box; } .image-box { /* 원본+클론의 총 합 */ width:5478px; height:100%; display:flex; flex-wrap:nowrap; animation: bannermove 20s linear infinite;..

CSS 스타일 제거 : reset CSS (기본 스타일 지우기) ✅ 상황 → html 태그와 기본적으로 적용되는 브라우저 기본 스타일을 제거 하고 싶을 때 ✅ 방법 → css에서 스타일을 제거하는 코드를 적용해줍니다. ✅ 순서 → html파일 작성 → reset css 코드를 작성 → reset.css 파일을 전체 style.css 파일에 import 🟢 HTML에 CSS 파일 연결 → 저는 보통 style.css 파일을 만들어 적용되는 css 파일을 여기에 모아 import 합니다! 🟢 style.css 파일에 import 하기 @charset "UTF-8"; /* 저는 보통 reset코드를 common.css에 모아줍니다*/ @import url("common.css"); 🟢 css 파일에 reset..

[HTML] a태그 Href 속성 안에 Javascript Void:(0) 를 사용하는 이유 이랑 다른점 🟣 코드 사용 예시 Tistory zoo-land ✅ 상황 → 보통 내부나 외부링크를 걸고 싶을 때, a태그의 href로 링크를 걸어주는데 아직 링크가 정해지지 않은 경우 href="#"을 사용해야할지 Javascript Void:(0)을 걸어야할지 고민이 된다면? ✅ Javascript Void:(0) 를 사용하는 이유는? → undefined 의 결과를 얻기 위해서!! "링크가 작동하지 않게 하기 위해 사용하는데, 즉 클릭을 해도 실제 클릭 이벤트가 작동되지 않기 위해 사용 하는 것" ✅ 이랑 다른점은? → href="#"으로 작성하면 실제로는 링크가 없으니 이동하지 않은 것처럼 보여 Javasc..

[ORACLE] SQL Developer ORA-64308 : hybrid columnar compressed table cannot have column with LONG data type ✅ 상황 →테이블을 생성하려고 했는데, 테이블이 생성되지 않는 오류가 발생 ✅ 오류 코드 → ORA-64308 ✅ 오류설명 → hybrid columnar compressed table cannot have column with LONG data type → 하이브리드 컬럼 형식 압축된 테이블에 LONG 데이터 유형의 열을 가질 수 없습니다. ✅ 발생 원인 → 테이블 생성할 때 컬럼의 데이터 타입을 LONG타입을 사용한 컬럼이 있는데, 하이브리드 컬럼 압축 테이블에서는 LONG타입의 데이터 타입을 사용할 수 없다고 ..

[Oracle] SQL Developer Error : ORA - 12514 ✅ 상황 → SQL Developer을 키자마자 Error 경고창이 뜨며 접속이 안되고 있는 상황 ✅ 오류 → ORA - 12514 ✅ 문제원인 → 오라클 클라우드 접속 기간 만료되어 비활성화가 되어서 사이트가 닫힌 상황 → 접속 아이디와 비밀번호 포트번호 등 연결 접속 확인하기 ✅ 해결방법 → 사이트에 접속해서 재 로그인을 진행 ✅ 오라클 클라우드 https://cloud.oracle.com/ Oracle Cloud Infrastructure cloud.oracle.com 🟢 Start 클릭해서 활성화 진행 ✅ 활성화 후, ADW 글자 부분이 초록색으로 변하면 완료가 되었다는 뜻으로 SQL Developer 을 다시 실행 후,..

[HTML] rel="noopener noreferrer" noopener noreferrer 노오프너 노리퍼너 사용 이유 ✅ noopener 노오프너란? → 링크된 페이지에서 window.opener을 사용해서 링크를 건 페이지를 참조 할 수 없게 됨 링크된 페이지와 링크를 걸어둔 페이지를 서로 다른 프로세스로 취급되기 때문에 서로 연결되어 퍼포먼스가 떨어진다거나, 신뢰할 수 없는 페이지 이동의 경우에도 사용하면 좋음 ✅ noreferrer 노리퍼너란? → 노리퍼너 코드를 작성하면 다른 페이지로 이동할 때, 링크를 건 페이지의 주소 정보를 브라우저가 Referer : HTTP 헤더로 리퍼러로서 송신하지 않음 ✅ noopener noreferrer 사용하는 이유 ? → a태그에서 target="_blan..

[HTML] a태그 스타일 없애기 : css 스타일 지우기 text-decoration:none; ✅ 상황 → a태그가 기본적으로 가지고 있는 스타일을 지우고 새롭게 스타일을 만들고 싶을 때 ✅ 방법 → CSS로 a태그 기본 스타일을 없애는 text-decoration:none; 코드를 적용해 기본 스타일을 제거해줍니다. 🔵 css 적용 코드 @charset "UTF-8"; /* hyper link */ a, a:link, a:visited{text-decoration:none;} a:active, a:hover{text-decoration:none;}