funfunweb

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 - iTerm2window - cmder 추천 - cmder 설치시 git 자동 설치 되므로 따로 설치하지 않아도 된다.cmder 설치 사이트Releases · cmderdev/cmder (github.com) 내 터미널에 git 이 설치 되어있는지 확인 방법git --version입력하면 설치되어 있을 경우 버전이 나오고 git 설치 하기없을 경우 아래 사이트에서 설치 가능하다.https://git-scm.com/download/win Git - Downloading PackageDownload for Wi..

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 item3each함수..

waypoint cdn https://cdnjs.com/libraries/waypoints waypoints - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers Easily execute a function when you scroll to an element - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month,..

CSS Grid는 2차원(row과 column)의 레이아웃 시스템을 제공합니다. 사용 방법: display:[grid],[inline-grid] 1 2 3 4 5 6 7 8 9 부모 container 에 display:grid 를 주었지만 화면 변화는 없다. grid-template-column - 그리드 열의 라인 이름과 트랙 크기 조정 기능 정의 /* Keyword value */ grid-template-columns: none; /* values */ grid-template-columns: 100px 1fr; grid-template-columns: [linename] 100px; grid-template-columns: [linename1] 100px [linename2 linename3]; ..