본문 바로가기

분류 전체보기

 (153)
[CSS] css 초기화 파일 방법 방법 1. Css 초기화 파일 공유 사이트https://cdnjs.com/libraries?q=reset Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developerscdnjs offers a large collection of popular libraries for JavaScript, CSS and more. Search the full collection and start using them on your website. - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN servi..
[자바스크립트] - confirm( )매서드 confirm( )매서드 : 확인/ 취소 창을 말한다. '메세지' 부분에 확인받고 싶은 문구를 쓰면 된다.  확인버튼을 누르면 true를 반환하고, 취소를 누르면 false를 반환한다.   [기본형] confirm('메세지');       var result = confirm("정말로 탈퇴하시겠습니까?");      if (result) {        document.write("회원 탈퇴가 완료되었습니다");      } else {        document.write("회원탈퇴가 취소되었습니다.");      } //if()에는 직접적으로 true false 값을 잘 넣지 않는다. if()에는 변수명을 집어넣는다 if / else 조건문과 같이 쓰기도 한다.result가 true(확인)으로 들어..
[자바스크립트] - ★ 제어문 if / else문 / else if( )문 / 중첩 if문 제어문은 프로그램의 흐름을 제어할 수 있도록 도와주는 문장을 말한다.  제어문에는 조건식의 만족여부에 따라 코드를 제어하는 '조건문'과 조건문과 변수의 일치에 따라 코드를 제어하는 '선택문', 특정코드를 원하는 횟수만큼 반복실행하는 '반복문'이 있다.  *삼항조건연산자보다 코드가 길어질 때 if문을 사용한다. 삼항조건연산자는 코드 한줄밖에 못쓰고 if는 여러 개 쓸 수 있다. ifif(조건식){ 조건식이 만족했을 경우 실행할 코드; }  if문은 조건식을 만족할 경우에만(true) 코드를 실행else문if(조건식){ 조건식이 만족했을 경우 실행할 코드; } else{조건식이 만족하지 않을 경우 실행할 코드;}  if문의 조건식이 만족하지 않았을 경우 코드를 실행하는 문장else if( )문 if(조건식1..
스프라이트 이미지 만들어주는 사이트 https://www.toptal.com/developers/css/sprite-generator CSS Sprites Generator Tool | Toptal®CSS Sprites Generator Upload your images. (Note: Please don’t upload HUGE files. That’s not the purpose of sprites technique.)www.toptal.comsprite generator이미지들을 끌어다놓고 위쪽에 padding으로 간격도 조절할 수 있다. 스프라이트 이미지가 생성되면 각 이미지마다 width랑 height랑 position값도 나와서 복사붙여넣기 하면 된다. 스프라이트 이미지를 사용하면 용량을 줄여서 쓸 수 있다.
[자바스크립트] - prompt 질의응답창 * 앞에 이름이 붙고 뒤에()가 붙으면 매서드라고 한다. / 매서드 = 함수( ) -> 함수는 기능 * prompt( )매서드  : 질의응답창사용자에게 질문에 대한 답을 얻고자 할 때 사용하는 창.prompt()매서드에서 기본답변은 placeholder처럼 사용자에게 힌트를 주기 위해 사용하는 부분으로, 생략이 가능하다. 사용자로부터 전달받은 답변은 모두 문자형 데이터로 반환됨. [기본형] prompt('질문', '기본답변') var 변수명 = prompt()  사용자가 답변을 적으면 변수 userName에 값이 저장되고그 다음 질문이 나오게 된다.  document.write로 보면 답변한 결과가  나오는 것을 확인할 수 있다. document.write () 안에 , 로 구분해서 여러 개 출력할 수 ..
[자바스크립트] - 연산자 우선 순위 연산자가 여러 개가 있을 경우 먼저 계산해야하는 우선순위.예를 들어 2+(1+3)*5 이런 식이 있다고 할 때 ()다음 *를 계산하고, 마지막으로 +를 계산하듯, 연산자에도 우선순위가 있다. 제일 먼저 계산되는 순서1. ()2. 단항연산자 (증감연산자++,-- ,논리부정연산자 !not)3. 산술연산자 (+,-,*,/,%)4. 비교연산자(,=,==,!=,===,!==)5. 논리연산자(||, &&)6. 대입(복합대입)연산자 (=,+=, -=, *=, /=, %=)
[자바스크립트] - 증감연산자 B++, 비교연산자 === , 논리연산자 || or, && and, ! not , 삼항조건연산자 증감연산자전위연산 var A = ++B / --B변수 B값을 먼저 1 증가/감소시킨 뒤 그 값을 A에 대입후위연산 * var A = B++ / B--B를 먼저 A에 대입시킨 뒤 B값을 1 증가 / 감소 시킨다. 비교연산자1. A > B : A는 B보다 크다. (=초과)2. A 3. A >= B : A는 B보다 크거나 같다. (=이상)4. A 5. A == B : A는 B와 같다. _ 느슨한 비교10 =='10' -> true 데이터형이 달라도 숫자가 같으면 같다고 인식6. A === B : A는 B와 같다. _엄격한 비교숫자를 비교할 경우 표기된 숫자와 자료형까지 모두 일치해야만같다라고 true를 반환7. A != B : A는 B와 다르다. _ 느슨한 비교 숫자형이든 문자형이든 상관하지 않고 표기된 숫자..
[자바스크립트] - 산술연산자, 문자결합연산자+, 대입=(복합대입)연산자 A += B 초등학교때 배웠던 +, -, *(곱하기), /(나누기), %(나머지값)을 이용해서 연산을 할 수 있다. 자바스크립트에서는 여러 연산자가 있는데 산술, 문자결합, 대입(복합대입), 증감, 비교, 논리, 삼항 조건 연산자가 있다.  + - / % => 연산자1+2 -> 1,2 가 피연산자 1. 산술연산자  사칙연산과 같다. +, -, *(곱하기), /(나누기), %(나머지값)가 산술연산자이다. 산술연산을 하기 위해서는 반드시 연산 대상 데이터(=피연산자 / 연산을 당하는 애들. 1+1에서 더하기위해 필요한 값)이 반드시 두 개 있어야한다. 변수를 선언하고 변수끼리 더한다.  var num = 1;      var num2 = 10;      var sum1 = num1 + num2; //보통 이런식으로 쓴다..
[자바스크립트] - 변수 이름 지을 때 규칙 (코딩 컨벤션) [ 변수 이름 지을 때 주의사항 ] 1. 변수명의 첫 글자로는 $,_,영문자만 올 수 있다.  2. 변수명의 첫 글자 다음으로는 영문자, 숫자, $와 _만 올 수 있다.  3. 변수명으로는 예약어(document,string, number... 코드로써 사용되는 것들)를 사용할 수 없다. '예약어'란 이미 자바스크립트에서 사용 중인 키워드를 말한다.  4. 변수명을 지을 때에는 되도록이면 의미를 부여해서 짓는 것이 좋다.  5. 변수명을 사용할 때에는 대/소문자를 구분해야한다.
[자바스크립트] - 변수에 담을 수 있는 자료형 / 문자형(String), 숫자형(Number), 논리형(Boolean), 빈 데이터(Null, undefined) //문자형 숫자를 다시 숫자형 데이터로 변환하고 싶을때 변수에 저장할 수 있는 자료형 '자료형(Data type)'이란 데이터의 형태를 말한다.  변수에 담을 수 있는 자료형의 종류로는 문자형(String), 숫자형(Number), 논리형(Boolean), 빈 데이터(Null, undefined)가 있다.  1. 문자형 데이터 (String) 문자형 데이터는 문자나 숫자를 "" 큰 따옴표나 '' 작은 따옴표로 감싸고 있으면 문자형 데이터다.  문자형 데이터에 html 태그를 포함하여 출력하면 태그로 인식한다. " '' ' ' 에 넣어주면 출력시킬 수 있음. ex) "" / document.write("" + i + "");문자형 데이터에 숫자가 들어있으면 이것을 '문자형 숫자'라고 부르며 연산할 수 없다.  [ 기본형 ] var 변수명 = "문자 또는 숫자..

티스토리툴바