funfunweb

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 item3 each함수 ..

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]; ..

jquery란? jQuery는 빠르고 작고 기능이 풍부한 JavaScript 라이브러리입니다. 다양한 브라우저에서 작동하는 사용하기 쉬운 API를 사용하여 HTML 문서 순회 및 조작, 이벤트 처리, 애니메이션 및 Ajax와 같은 작업을 훨씬 더 간단하게 만듭니다. 다양성과 확장성의 조합으로 jQuery는 수백만 명의 사람들이 JavaScript를 작성하는 방식을 변경했습니다. 라이브러리란(library)? 자주 사용하는 기능과 효과(그들을 실행하는 프로그램)을 javascript 코드로 미리 만들어 두고 재활용할 수 있게 한것 jquery library 가지고 오는 방법 https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and fe..