본문 바로가기

전체 글27

[Javascript 기초] 날짜 관련 객체 Date 날짜 관련 객체 1. new Date() 2. new Date().getTime() 3. new Date().getFullYear() 4. new Date().getMonth() 5. new Date().getDate() 6. new Date().getHours() 7. new Date().getMinutes() 8. new Date().getSeconds() 1. new Date() Date() 생성자는 날짜 정보값을 반환합니다. console.log(new Date()); // Mon May 29 2023 21:50:38 GMT+0900 (한국 표준시) 2. new Date().getTime() new Date().getTime()은 1970년 1월 1일 이후부터의 millisecond 단위 숫자를 .. 2023. 5. 29.
[Javascript 기초] 배열 내장함수 배열 내장함수 1. toString() 2. join() 3. pop() 4. push() 5. shift() 6. unshift() 7. splice() 8. concat() 9. slice() 10. sort(), reverse() 1. toString() toString 메소드는 배열을 문자열로 반환합니다. const colors = ["red", "green", "blue"]; const result = colors.toString(); console.log(result); // red,green,blue 2. join() join 메소드는 배열의 모든 요소를 구분자를 활용해 연결해 하나의 문자열로 만듭니다. const colors =["red", "green", "blue"]; const res.. 2023. 5. 24.
[Javascript 기초] 문자열 내장함수 문자열 내장함수 1. String.length 2. String.indexOf() 3. String.slice() 4. String.substr() 5. String.replace() 6. String.split() 1. String.length String.length는 문자열의 길이를 반환해 주는 속성입니다. (메소드 x) const txt = "Hello World"; console.log(txt.length); // 11 2. String.indexOf() String.indexOf()는 찾고자 하는 문자열의 위치를 반환해 줍니다. 주로 해당 문자가 포함돼 있는 지 탐색할 때 사용합니다. (포함돼 있지 않으면 -1 출력) const txt = "Hello World"; console.log(txt.. 2023. 5. 17.
[Photoshop] 컬러 하프톤 텍스트 (Halftone Effect) 포토샵의 컬러 하프톤 기능을 통해서 간단한 텍스트 이미지를 만들 수 있습니다. 컬러 하프톤은 텍스트 뿐만 아니라 이미지에 레트로한 효과를 낼 수 있는 효과로 다양하게 응용하실 수 있습니다. 글에서 ctrl은 cmd, alt는 option과 같습니다. 작업 과정 1. 텍스트 생성 2-1. 레이어 중첩 2-2. 레이어 머지(merge) 3. 컬러 하프톤 효과 4. 컬러 레인지를 통해 배경 삭제 5. 이미지 커스텀 1. 텍스트 생성 원하는 텍스트를 생성하여 적당한 stroke를 설정합니다. 이때, 텍스트의 적당한 크기 값을 찾아보며 진행합니다. 2-1. 레이어 중첩 생성한 텍스트를 [ctrl + J로 복사] - [ctrl + T로 크기 변형] - [← 1px, ↑ 1px 이동 후 Enter] - [ctrl +.. 2023. 5. 11.