열심히

포토샵 보정

blog.naver.com/jdoh9911/220821814998

카메라로우필터

카메라 로우

필터-카메라로우필터

basic-temperature

좌측으로 갈수록 차갑게, 우측으로 갈수록 따듯한 느낌

exposure 노출

사진전체의 밝기조절

contrast 대비

highlights

shadows

whites

화이트밸런스

흰색,또는 회색인 곳에서 색상제거

너무 밝거나 어두운경우 temperature와 tint 슬라이더 조절

blacks

clarity 명료도

vibrance 활기

채도를 조절하지만 상태가 과하지않도로 관리하는 기능포함

높이면 밝기나 색상이 변화되지는 않음

saturation 채도

높이면 밝기나 색상 변화

(ex)

사진 전체의 채도 높이기

->활기

전체적으로 채도를 낮추고 채도가 높은 부분강조

->활기 낮추기 채도 높이기

현재 채도 관계없이 모든 색상에 동일한 채도 조정

->채도

sharpening 샤프닝

amount 양

radius 반경

detail 세부묘사

masking 마스크

luminance 광도

hue 색조

satration 채도

선택색상

이미지-어드저스트먼트-셀렉티브컬러

red,yellow

자주만지게되는 계열

녹청,파랑

배경이 푸른색일때

마젠타,녹색은 굳이 안건들음

검정

0~2

중간영역은 대부분 녹청,파랑쪽으로

곡선/레벨/노출 밝기조절

ctrl+m/ctrl+L/이미지-어드저스트먼트-익스포저

곡선

ctrl+m

이미지-어드저스트먼트

끼인 색상 제거 (해당색상 낮추기)

레벨

ctrl+L

이미지-어드저스트먼트

노출

이미지-어드저스트먼트-익스포저

Hue/saturation

ctrl+U

활기/채도

이미지-어드저스트먼트-바이브런스

포토필터

이미지-어드저스트먼트-포토필터

전체적인 색상필터를 사진에 추가

광도유지에 체크하면 원본사진의 명암 톤 유지하며 색상추가

ex)사진에 노란끼돌면 파란색 올려줌

혼합옵션

포토필터로 레이어에 반영된 색상 블렌딩하는 경우 하단 혼합조건만 수정하면됨

레이어-레이어스타일-혼합옵션

슬라이더 조절해서 섞음

명암은 회색/색상은 해당색상

두개 중 한쪽 방향으로만 활용하는게 좋음

alt key를 누른 상태에서 슬라이더 삼각형 한쪽을 잡아끌면 쪼개짐

그 넓이에 따라 경계부분의 색이 섞인다

원하는 색선택 - 음영,혼합,유사 등 4가지 색변화

포토샵 lab컬러 블렌딩

Lab이미지의 특정채널을 선택,오버레이로 적용한 다음 원본사진에 혼합

1. 원본사진 복제한 다음(레이어복제x, 파일복제) 컬러모드를 Lab으로 바꿈

2. 복제파일 이미지-모드-lab색상

3. 원본레이어 이미지-이미지적용

소스-복제파일

채널-b (적절히)

혼합-오버레이(적절히 사용)

4.레이어창에서 마스크사용 -> 효과 부분적으로 적용

colllor.com/

색선택 후 원하는 색상조합방식 선택

color.adobe.com/ko/create/color-wheel

ttf

용량 낮음

일반 디자이너 및 일반 사용자

word,excel,한글,웹디자인등

otf

해상도 높아서 파일크기 큼

고해상도 출력이 필요한 디자이너및 전문가

illustrator,photoshop,indesign등

​

“취업성공패키지”사업이란?

고용노동부에서 운영하며, 만 18세부터 69세까지의 넓은 연령층이 참여할 수 있는 종합취업지원프로그램입니다.

단계별로 상담, 직업훈련, 취업알선까지 받을 수 있는 사업이며,

취업성공패키지에 대해 더 자세히 알아보고 싶다면 아래 3가지 방법을 이용하세요!

1. 거주지 관할 고용복지플러스센터를 방문

2. 또는(국번없이) 1350 전화

3. 취업성공패키지 홈페이지 https://www.work.go.kr/pkg

​

또한 거주지가 부산의 북구, 사상구, 강서구에 해당된다면

부산북부고용센터 또는 장선종합사회복지관으로 문의해주세요~

장선종합사회복지관 취업성공패키지 사무실 ​

덕천동 뉴코아 옆 하나은행 건물 9층 (만덕대로21, 선빌딩 9층)

☎ 051 - 336 - 7009

장선종합사회복지관에서는 취업자의 근로의욕향상 및 장기근속 유지를 위해 고용보험취득일로부터 일정기간 근로를 한다면 응원의 메시지와 상품을 전달드립니다! 아래 이미지를 참고하세요~

BOM(브라우저 객체 모델, browser object model)

브라우저 창에 포함된 모든 객체 요소

단, 브라우저라도 결국 윈도우 안에서 실행되는 프로그램이므로 최상위 객체인 window 아래에 존재

window 객체의 메서드들

#open 메서드의 옵션종류

width : 새창의 넓이 (px,픽셀단위)

heigth : 새창의 높이 (px,픽셀단위)

left : 새창을 열 때 스크린 기준 좌측 위치 (px, 픽셀단위)

top : 새창을 열 때 스크린 기준 상단 위치 (px,픽셀단위)

scrollbars : 스크롤바의 생성 여부 (값은 yes or no)

menubar : 메뉴 바의 노출 여부 (값은 yes or no)

toobar : 도구상자의 노출 여부 (값은 yes or no)

location : 주소표시줄의 노출 여부 (값은 yes or no)

status : 상태표시줄의 노출 여부 (값은 yes or no)

resizeable : 창의 사이즈 조정 가능 여부 (값은 yes or no)

navigator

브라우저에 대한 정보를 제공하는 객체

location

브라우저의 현재URL 주소값에 대한 정보를 제공

screen

스크린(모니터)에 대한 속성을 제공

history

함수

일련의 실행문들을 메모리에 저장했다가 필요할 때 다시 호출하여 사용

내장형 : 이미 자바스크립트에 내장되어 있는 함수문

사용자 정의 : 사용자가 직접 실행문들을 함수문에 작성해서 필요할때마다 호출하여 사용하는 것

지역변수 : 변수가 정의된 함수내에서만 사용이 가능한 변수

함수 내에서 선언하며 반드시 앞에 var 키워드를 붙여서 선언합니다.

전역변수 : 현재 페이지 내 자바스크립트 어디서든 사용이 가능한 변수

함수바깥에 선언하거나 함수 내에서 var 연산자를 붙이지 않고 선언합니다.

변수의 중복사용을 막기위해서 구분

기본형식

function 함수명(){
	실행문;
}
함수명();

전달(인자)값이 있는 함수

function 함수명(매개변수1,매개변수2){
	실행문;
}

함수명(인자값1,인자값2);

return

다음 실행문들을 수행하지 않고, 함수문을 마칩니다

함수 호출문에게 값을 반환합니다.

재귀함수 호출

실행문에서 자기 자신을 스스로 호출하는 것을 '재귀함수 호출'이라고 합니다.

내장 함수

생성자 함수

사용자 정의 객체

function 함수명(매개변수1,매개변수2,..매개변수3){
this.속성1=매개변수1;
this.속성2=매개변수2;
this.속성n=매개변수n;
this.메서드1=function(){
		실행문;
	}
}

var 인스턴스 네임(객체명)=new 함수면(값1,값2,..값n);

객체(Object)

특정 기능을 수행하는 단위체

매서드(method)

객체가 지닌 각각의 기능

객체의 생성

new 연상자 사용

var todayObj=new Date();

Date 객체

var 변수=new Date();

var 변수=new Date(연,월,일,시,분,호);

Math객체

String 객체

var 변수(인스턴스 네임)=new String("자바스크립트")

var 변수(인스턴스 네임)="자바스크립트";

Array객체

배열, 하나의 변수에 여러개의 데이터를 저장

각 공간마다 인덱스의 번호가 존재

var 변수(인스턴스 네임)=new Array();

변수[0]="값1"

변수[1]="값2"

변수[2]="값3"

변수[3]="값4"

변수[4]="값5"

var 변수(인스턴스 네임)=new Array((5);

var 변수(인스턴스 네임)=[값1,값2,값3,값4]

배열 메서드

배열 데이터 추가/삭제 메서드

html-css 링크 외부선언

<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/media.css">

media.css ->반응형 웹페이지(모바일)문서

언제나 링크 제일아래에 위치

jquery 링크

<script src="https://code.jquery.com/jquery-3.1.0.min.js" 

javascript 선언문 예제

<script type="text/javascript">

document.write();

</script>

document 객체 Object

write() 메서드 Method 기능

변수 및 데이터형

변수 : 데이터를 저장하는 공간, 한번에 1개의 데이터만 저장하고 새로운 데이터가 입력되면 기존의 값은 삭제

var 변수명; 또는 var 변수명1,변수명2,변수명3; 또는 var 변수명=데이터값;

연산자

산술연산자

비교연산자

대입(할당)연산자

증감 연산자

논리 연산자

문자 결합 연산자

조건 연산자

조건문? 실행문1:실행문2

조건문의 결과가 참(true)이면 실행문1, 거짓(false)이면 수행문2

confirm 메서드

확인,취소 창

확인이면 true, 취소하면 false값을 반환

예제

<script type="text/javascript">
<![CDATA[
var result=confirm("Do you like javascript?");
var the Text=result ? "good":"No-good";
doucument.write(theText);
]]>
</script>

제어문

조건문

if(조건식){
	실행문;
}

if~else문

if(조건식){
	실행문1;
}else{
	실행문2;
}

if(조건식1){
	실행문1;
}else if(조건식2){
	실행문2;
}else if(조건식3){
	실행문3;
}else{
	실행문4;
}

swich~case문

num=3;
switch(num){
	case 1:
    	실행문1;
        break;
    case2:
    	실행문2;
        break;
    case3:
    	실행문3;
        break;
    default:
    	실행문4;
}        

조건문과 switch~case문 차이

조건문은 '데이터 중복'의 경우라 하더라도 특정 '조건'을 허용할때 사용하는 반면

switch~case문은 '정확히' 일치하는 경우만 허용할때 사용

반복문

while문

 특정조건식을 만족하는 동안 실행문을 반복적으로 수행

var i=초기값;
while(조건식){
	실행문;
    증감식;
}

---------
<예>
var i=1;
while(i<=10){
	document.write(i+"<br />";
    i++;
}

for문

while문과 비슷하지만 간단해서 사용빈도 더높음

for(var k=초기값; 조건식;증감식){
	실행문;
}

---------
<예>
for(var k=1; k<=10;k++){
	document.write(k+"<br />");
}

2중for문

바깥for문+안쪽for문

break문

반복문의 실행문은 break문을 만나면 종료

continue문

반복문이 continue문을 만나면 바로 증감식으로 돌아가 실행을 반복

색채학

https://ko.khanacademy.org/partner-content/pixar/color#color-101

html/css/js

https://ko.khanacademy.org/computing/computer-programming

상업이용가능 무료 한글폰트 - 눈누

무료 영어 폰트 - 다폰트

이미지, 비디오 - 픽사베이

bgm, 효과음 - youtube 오디오 라이브러리 , 오픈비트, 자멘도(non-commercial는 못씀)

ae - 애니메이션 컴포저

[html]

<div class="openMenu">
                    <i class="fas fa-bars"></i>
</div>
<div class="sidenav">
                    <a href="#" class="closebtn">&times;</a>
                    <a href="#">About</a>
                    <a href="#">Services</a>
                    <a href="#">Clients</a>
                    <a href="#">Contact</a>
</div>

openMenu 의 사이드네비게이션 아이콘은 폰트어썸사용했음

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" />

[css]

.openMenu{
        display: block;
        float: right;
        margin-right: 50px;
        font-size: 50px;
}
    
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px;
  line-height: 30px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

[js]

$(document).ready(function(){    
    $('.openMenu').click(function(){
        $('.sidenav').css('width','250px')
    });
    $('.closebtn').click(function(){
        $('.sidenav').css('width','0');
    });
});

[결과]

취업성공패키지란..?

구직자에게 개인별 맞춤 상담 및 지원서비스를 통해 성공적인 취업을 유도하는 종합 취업 지원 프로그램입니다.

자세한 문의는 거주지 주변 관할 고용센터를 방문하시거나

덕천 인근 거주 중인 분은 장선종합사회복지관으로 연락하세요~!