funfunweb

1. ctrl + n 860 * 640 1. 1번 전경색 클릭 후 색상 032227 입력후 ok alt + delete 로 색상 변경 2. 단축키 t 또는 t 클릭하여 type tool 선택 3. set text color 클릭하여 원하는 글자색 선택 글자 크기 200pt 4 글자 하나 쓰고 ctrl + enter, 클릭 글자 하나 쓰고 ctrl + enter,클릭 글자 하나 쓰고 ctrl + enter,클릭 글자 하나 쓰고 ctrl + enter, 겹,친,글,자 글자를 겹쳐준다. 해당 레이어 선택 이동툴(m) 키보드 방향키 이용하여 겹친다. 그림자 만들기 글자 레이어 위에 layer 추가 클리핑 마스크 씌우기 방법 1: 우클릭 create clipping mask 방법 2: 빨간 선 부분을 alt + ..

이미지 가져오기 ctrl + t 말린부분 표현하고자 하는 부분의 앵커포인터 클릭하여 드래그 1,2 방향선으로 조절하기 fx- stroke size:1 색상 #ddd - ok 레이어 복사 ctrl + j 레이어 스타일 삭제하기 - fx 클릭하여 휴지통으로 끌고가기 우클릭 - Rasterize layer ctrl + u 레이어 순서 변경 그림자 효과를 아래로 ctrl + [ : 한칸 아래로 내려감 m - move tool 선택후 오른쪽, 아래 방향키 이동하여 살짝 그림자 부분 보이게 만들고 (오른쪽6, 아래6 하였음) filter - blur - gaussian blur 그림자 크기 조절 - ctrl + t, alt+shift 누르고 드래그하여 사이즈 줄인다. 위치 적절히 이동 후 enter opacity ..

1. 포토샵 실행 - ctrl + n width:600px height:400px Resolution : 72 create 2. 그리드 환경설정 ctrl + k - guide,Grid & Slices - Gridline Every 200px Subdivisions: 10 3. 사각형 툴 선택 위 사이즈와 동일하게 넣는다. fill - 원하는 색, stroke - 없음 4. 잘린듯한 효과 주기 4-1 펜툴 꾹 누르면 나오는 add anchor point tool 선택 후 4-2 ,4-3 부분을 한번씩 클릭하여 앵커포인트를 추가해준다. 4-4 direct selection tool 선택후 4-5 5번부분을 클릭하여 delecte 지운다. 추가한 부분 선으로 연결하기 위해 펜툴 선택 후 alt + 클릭한다. ..

1 2 3 1 2 3 css .scroll-container{ scroll-behavior: smooth; } See the Pen 메뉴 선택시 스크롤 부드럽게 이동 by 정은 (@luchiaChoi) on CodePen.

vs code 에서 ctrl + shift + p 누르고 open user setting json 입력 후 엔터 나오는 화면에 아래 코드 입력한다. "terminal.integrated.profiles.windows": { "Cmder": { "path": "${env:windir}\\System32\\cmd.exe", "args": ["/k", "C:\\cmder\\vendor\\bin\\vscode_init.cmd"] } }, "terminal.integrated.defaultProfile.windows": "Cmder", f1 누르고 terminal:select default profile 검색하고, 기본 터미널 프로필을 cmder 로 설정한다.

버전관리를 도와주는 소프트웨어로 버전관리 시스템이다. 명령어를 기본으로 한 명령어 프로그램이다. 터미널 또는 ui(소스트리)로 사용할 수 있다. 깃 설치 하기 터미널 사용 방법 (original) mac - iTerm2 window - cmder 추천 - cmder 설치시 git 자동 설치 되므로 따로 설치하지 않아도 된다. cmder 설치 사이트 Releases · cmderdev/cmder (github.com) 내 터미널에 git 이 설치 되어있는지 확인 방법 git --version 입력하면 설치되어 있을 경우 버전이 나오고 git 설치 하기 없을 경우 아래 사이트에서 설치 가능하다. https://git-scm.com/download/win Git - Downloading Package Down..

1. ctrl + n https://www.pexels.com/photo/brown-brick-wall-207142/ 벽돌 이미지 준비 배경 꾸미기 이미지 불러오기 ctrl + o create new fill or adjustment layer 클릭 후 hue/saturation - saturation -70 create new fill or adjustment layer 클릭 후 Levels - output levels 0 40 설정 opacity 30% 낮춰준다. 글자 입력 후 FILL - 0% FX 클릭 - STROKE - 2PX 색상 흰색 OUTSIDE OUTERGLOW #043df7 INNER GLOW #1b66ef 테두리 만들기 RECTANGLE TOOL 로 사각형 그리기 글자레이어에서 사용했..

피그마 단축키 확인 피그마 안에서 ctrl + shift + / Essential keyboard shortcuts 1. ctrl + 원표시 (ui 숨기고 보여줌) 2. 소문자 i - (color picker 나옴) 대문자 i - (components, plugins widgets 검색 나옴) 3. ctrl + / - (검색창 나옴) Tools View Zoom Text Shape Selection Cursor Edit Transform Arrange Components 그외 단축키 설명 CTRL + SHIFT + E 저장 EXPORT CTRL + ALT + S 히스토리 저장 CTRL + SHIFT + K 이미지 삽입 PLACE IMAGE CTRL + C 복사 CTRL + X 잘라내기 CTRL + V 붙..

//jquery 일반 메서드 $(selector).each(function(index,element)) //jquery 유틸리티 메서드 $.each(object, function(index, element){ }); $(selector).each function - 익명 함수 index -선택자의 위치값 , 반복문을 사용할 경우 몇번째인지 알수 있음. for문의 i역할. 익명함수 내부에서 $(index)로 선택할 수도 있고, 사용하지 않을 경우 제외가능 element -현재요소(this 선택자 사용 가능) 현재 반복문에서 선택되는 엘리먼트. 익명함수에서 $(element)로 선택 가능. 사용하지 않을 경우 제외 가능하고 element 대신 this 사용 가능 item1 item2 item3 each함수 ..