본문 바로가기

자바스크립트5

EFFECT | PARALLAX | 리빌 효과 parallaxEffect | 리빌(Reveal) 효과 오늘의 목표 👉🏻 스크롤을 내렸을때 이미지와 글씨에 리빌 효과 주기 1. 사이트 구조 살펴보기 HTML 살펴보기 01 section1 우선 무엇이 되고자 하는가를 자신에게 말하라 그리고 해야 할일을 하라. 02 section2 이미 끝나버린 일을 후회하기 보다는 하고 싶었던 일들을 하지 못한 것을 후회하라. 03 section3 문제는 목적지에 얼마나 빨리 가느냐가 아니라 그 목적지가 어디냐는 것이다. 04 section4 도저히 손댈 수가 없는 곤란에 부딪혔다면 과감하게 그 속으로 뛰어들라. 05 section5 당신이 할수 있다고 믿든 할수 없다고 믿든 믿는 대로 될것이다. 06 section6 마음만을 가지고 있어서는 안된다. 반드시 실천하여야.. 2022. 10. 17.
EFFECT | PARALLAX | 텍스트 효과 parallaxEffect | 텍스트 효과 오늘의 목표 👉🏻 스크롤을 내렸을때 글씨가 한글자씩 나타나는 효과주기 1. 사이트 구조 살펴보기 HTML 살펴보기 01 section1 우선 무엇이 되고자 하는가를 자신에게 말하라 그리고 해야 할일을 하라. 02 section2 이미 끝나버린 일을 후회하기 보다는 하고 싶었던 일들을 하지 못한 것을 후회하라. 03 section3 문제는 목적지에 얼마나 빨리 가느냐가 아니라 그 목적지가 어디냐는 것이다. 04 section4 도저히 손댈 수가 없는 곤란에 부딪혔다면 과감하게 그 속으로 뛰어들라. 05 section5 당신이 할수 있다고 믿든 할수 없다고 믿든 믿는 대로 될것이다. 06 section6 마음만을 가지고 있어서는 안된다. 반드시 실천하여야 한다. 0.. 2022. 10. 17.
STEP | VScode | prettier 설치 후 실행하기 ⚙️ STEP | VSCode | prettier 설치 후 실행 방법 VSCode에서 prettier 설치 후 적용이 되지 않을 경우, 설정하는 방법에 대해 알아봅시다. * prettier 자바스크립트 라이브러리로 작성된 코드를 저장할 시 줄간격 등을 맞춰 표준 스타일에 맞도록 변경시켜 주는 코드 포멧터(Code Formatter)입니다. 또한 구문을 분석해 완전히 재작성해준다는 점에서 다른 포멧터와 차이점이 있습니다. 1 우선 Extension에서 Prettier를 설치해줍니다. 2 설정에서 editor format on save 검색하고 체크 표시를 해줍니다. 3 설정에서 json 검색하고 Edit in settings.json을 눌러 파일을 열어줍니다. VSCode 내 설정값들이 저장되는 파일로 설.. 2022. 9. 5.
JAVASCRIPT | 정규식 표현 정규식 표현에 대해 알아보자 ! 정규 표현식(regular expression; regex)이란 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어입니다. 현재 많은 프로그래밍 언어, 텍스트 처리 프로그램, 고급 텍스트 편집기 등이 정규 표현식 기능을 제공하고 있습니다. 한눈에 확인해보는 정규표현식 객체 주요 패턴 패턴 설명 abc abc 문자열을 검색 /abc/는 'abc' [abc] a, b, c 중 문자 하나를 검색 /[abc]/는 'ad', 'bd', 'cd' [^abc] a, b, c를 제외한 문자 하나를 검색 /[^abc]d/는 'ed', 'fd', 'gd' [A-Z] 알파벳 대문자 문자를 검색 [a-z] 알파벳 소문자 문자를 검색 [0-9] 0-9까지의 숫자를 검색 . 하나의.. 2022. 8. 16.
JAVASCRIPT | 기본 규칙 기본 규칙 자바스크립트를 다루기 위해서는 기초적인 특징과 기본 문법이 있습니다. 가장 기본이기 때문에 이 부분을 숙지하고 자바스크립트를 공부하세요. 자바스크립트란? JavaScript는 웹 페이지에서 복잡한 기능을 구현할 수 있도록 하는 스크립트 프로그래밍 언어입니다. HTML은 정적인 레이아웃을 표현한다면, 자바스크립트는 동적인 기능을 표현합니다. 자바스크립트는 1995년 넷스케이프 커뮤니케이션의 브렌던 아이크가 개발하였스며 Netscape Navigsator2.0에 구현되었습니다. 1996년에는 마이크로소프트사의 Internet Explorer3.0 탑재되었으며 java 애플릿으로 구현된 웹 브라우저의 지지부진한 보급과 맞물려 빠르게 보급되었습니다. 1997년부터 ESMAScript를 따르는 표준화 .. 2022. 7. 20.

It's cording time

코딩 여기서 정리하고 배워보자구 :9

자바스크립트

JAVASCRIPT

자세히 보기
html

HTML

자세히 보기
css

CSS

자세히 보기
광고 준비중입니다.

티스토리툴바