본문 바로가기
728x90

Develop158

vi 특정 단어 라인 삭제 :g/단어/d '단어'에 찾고자 하는 문자를 입력하면 해당 문자가 포함된 라인이 삭제된다. 2020. 3. 27.
자바스크립트 자료형 #2 객체와 배열 자바스크립트 자료형 #1 기본 자료형 String (문자열) : 보통의 텍스트를 말하며 ""(쌍따옴표) 사이에 입력합니다. const str1 = "Hello"; const str2 = "12345"; Boolean(true/false) : 논리 자료형이라고도 하며, 참과 거짓을 나타내는 데 쓰입니다.. bellsilver7.tistory.com Array(배열) : [] 안에 담는다. const fruits = ["banana", "apple", "orange", "strawberry"]; console.log(fruits[1]); 결과 : apple 여러가지 자료형을 담을 수 있을까요? 아래와 같이 배열에는 서로 다른 자료형을 담아서 사용할 수도 있습니다. const fruits = ["banana".. 2020. 3. 17.
자바스크립트 자료형 #1 기본 자료형 String (문자열) : 보통의 텍스트를 말하며 ""(쌍따옴표) 사이에 입력합니다. const str1 = "Hello"; const str2 = "12345"; Boolean(true/false) : 논리 자료형이라고도 하며, 참과 거짓을 나타내는 데 쓰입니다. const bool1 = true; const bool2 = false; Number(숫자) const num = 314; Float(소숫점) const flot = 3.14; 자바스크립트 자료형 #2 객체와 배열 Array(배열) : [] 안에 담는다. const fruits = ["banana", "apple", "orange", "strawberry"]; console.log(fruits[1]); 결과 : apple 여러가지 자료형을 담.. 2020. 3. 17.
자바스크립트 변수와 상수 let, const, var 변수(variable) 란 "변경되거나 변경할 수 있는 값"으로 자바스크립트에서 변수를 선언할 경우 아래와 같이 선언해줄 수 있습니다. let a = 10; console.log(a); 결과 : 10 선언한 변수를 사용하여 새로운 변수를 선언하거나 선언한 변수에 새로운 값을 대입할 수도 있습니다 let a = 10; let b = a - 7; a = 5; console.log(b, a); 결과 : 3 5 상수(constant) 는 변수와는 달리 "변경할 수 없는 값"입니다. 자바스크립트에서는 const 라 표현하고 아래 와 같이 선언해줄 수 있습니다 const a = 10; 변수처럼 값을 대입할 수 없기 때문에 만약, 아래와 같이 선언된 상수에 새로운 값을 대입할 경우 에러가 발생하게 됩니다. const.. 2020. 3. 13.
jQuery 미리보기 이미지 설정방법 안녕하세요. 은은한 개발자입니다. 이번 포스팅에선 마우스 오버 시 미리 보기 이미지가 나오는 방법에 대해 준비해봤습니다. 1. HTML 태그 example.jpg 먼저 위와 같은 이미지 링크가 있습니다. 2. CSS 설정 #preview { z-index: 1; /* 필요시 설정 */ position: absolute; background: #999999; padding: 2px; } 마우스 오버시 나타날 이미지의 CSS를 설정해줍니다. z-index의 경우 현재 CSS의 상태에 따라 필요할 경우 설정해주세요. 3. jQuery 설정 $(document).ready(function () { var xOffset = 10; var yOffset = 30; // 마우스 오버시 미리보기 이미지 설정 및 위치 .. 2020. 3. 9.
노마드코더 "초보자를위한 바닐라 자바스크립트" 소개 안녕하세요~ 은은한 개발자입니다. 최근에 바닐라 자바스크립트(VanillaJS)의 매력을 느끼게 되어 노마드코더님의 영상을 보며 공부를 시작하게 됬습니다. 강의사이트 : 바닐라 JS로 크롬 앱 만들기 크롬 앱 클론코딩하며, JS 이론 배우기 [초급] HTML, CSS, JS academy.nomadcoders.co 유튜브 : JS Basics - YouTube 🚨 한글 자막 ON! 🚨 EN: https://academy.nomadcoders.co/p/javascript-basics-for-absolute-beginners/ KR: https://academy.nomadcoders.co/p/javascript-basics-for-absol... www.youtube.com 아카데미 사이트에서 강의를 수료하.. 2020. 3. 9.
728x90