Javascript :: 조건문, 반복문, 스위치문

자바스크립트를 공부하면 할수록 c언어와 많이 닮았다는 느낌이 든다. 그래서 사실상 이곳에 상세한 내용을 포스팅 하는것은 나에게 큰 도움이 되지 못하는것 같다. c언어와 다른점을 중심으로 정리하는게 좋을것 같다. 조건문(if문)과 스위치문, 반복문중(while문)의 경우 c언어와 동일하다. 단, 같다(=)를 c언어에서는 ==로 표현하는 반면 자바스크립트에서는 ===이렇게 3번 쓰는것 같았다. 한가지 c언어와 다른것이 있었는데 바로 for문이었다. for문은 c언어와는 달랐지만 python과 비슷했다. 평소에 python과 c언어를 공부할 때, python의 for문 문법이 c언어에 접목된다면 얼마나 좋을까? 라는 생각을 가지고 있던 나에게는 무척 반가운 소식이었다. 물론 python문법과 완벽히 동일하지 ..
Programing/Javascript 2017. 6. 26. 21:15

Javascript :: 함수

위의 사진은 버튼을 누르면 함수를 통해 결과값이 출력되는 함수이다.이번에는 위와같은 출력을 함수를 통해 만들어보자 함수는 function으로 정의하면 된다. 호출은 위와 같이 명령을 통해서 실행시킬 수 있다. 이 외에도 함수에 파라미터를 설정해 주어 인자를 받아들일수도 있다. 대부분의 문법이 c와 동일하다. 이때 한가지 출력되지 않은것이 있는데 코드에 의하면 hello9292가 출력되기를 바랬지만 마지막 92가 출력이 되지 않았다. 그 이유는 b가 지역변수이기 때문에 선언된 함수 밖에서는 사용할 수 없기 때문에 에러가 발생한 것이다. 에러가 발생하면 에러를 출력하지 않기 때문에 유의하면서 코딩해야한다.
Programing/Javascript 2017. 6. 26. 20:17

Javascript :: 변수와 연산자

위와 같은 모습을 변수를 이용하여 출력해보자 위에서 알 수 있듯이 변수를 선언할 때는 var을 사용하며 자료형이 없어도 된다. 자바스크립트의 연산자는 타 언어들과 비슷하다+ - / * 의 사칙연산이 존재하고 += -= /= *= 또한 사용할 수 있다. 비교연산자 또한 === != = > < 로 c언어와 비슷하다.논리연산자의 경우에도 c언어와 동일하게 && || ! 가 있다.
Programing/Javascript 2017. 6. 26. 19:59

JavaScript :: JavaScript란?

우리가 홈페이지를 보게 되면 그 홈페이지는 보통 HTML, CSS, 자바스크립트로 이루어진다. 이러한 3가지 요소는 각자의 역할이 다르다. HTML은 전체적인 구조를 담당하고, CSS는 색상과 글씨체와 같은 디자인 요소를 담당하며, 자바스크립트는 웹페이지의 동작을 담당한다. 이렇듯 자바스크립트를 이용하면 웹 페이지에 화려하고 풍부한 효과들을 넣을 수 있다. 또한 배우기가 쉬워 사용자들에게 굉장한 인기를 끌고 있으며 이에 따라 정말 다양한 관련 라이브러리나 프레임 워크가 나오고 있다. Node.js BACKBONE.js와 같이 한번쯤은 들어본 것들이 바로 자바스크립트 기술들이다. 하지만 자바스크립트는 HTML 코드에 함께 작성되기 때문에 외부로 코드가 공개되어 보안 취약점이 발생할 수 있다는 단점또한 존재..
Programing/Javascript 2017. 6. 26. 17:42

HTML :: 폼,기타

폼 태그 입력값을 받는 영역을 지정한다. 영역안에 영역이 들어갈 수 없다. 입력값 요소를 지정한다. type에 따라 입력값이 다르다.- text : 문자열(기본값)- url : 도메인 주소- email : 이메일- tel : 전화번호- search : 검색어- range : 지정한 범위의 숫자- color : 색- date : 날짜- time : 시각- datetime : 날짜 + 시각- checkbox : 선택/해제할 수 있는 항목- radio : 선택/해제할 수 있는 항목(중복불가,취소불가)- button : 누를수 있는 버튼을 생성한다.- submit : 입력값을 전송시키는 버튼 생성- reset : 입력값 초기화 버튼- hidden : 투명라인. 입력값을 수정하지 않고 곧바로 보낼 때 쓰인다.(사..
Programing/HTML 2017. 6. 26. 16:21

HTML :: 목록,링크,이미지,테이블 태그

목록 태그 순서없는 목록을 표시한다 순서있는 목록을 표시한다. 목록 안에 항목들을 표시한다. 링크, 이미지 태그 하이퍼링크를 생성하는 태그이다.- herf : 링크할 페이지를 설정하는 옵션이다. 이미지를 추가하는 태그이다.- src : 이미지의 경로를 지정하는 옵션- title : 이미지에 대한 추가정보를 제공하는 옵션- height, width : 이미지의 세로,가로폭을 지정하는 옵션 진행상황 막대기를 추가하는 태그이다.- value : 진행정도를 알려주는 옵션이다- max : 최대값을 정해주는 옵션이다. 테이블 태그 테이블을 만드는 태그이다. 행을 만든다. 열을 만든다.- rowspan : 행 병합- colspan : 열 병합
Programing/HTML 2017. 6. 26. 15:51

HTML :: 텍스트 태그

텍스트 태그 제목을 표시할 때 사용한다. ~ 순서로 되어있으며 1이 가장 글자크기가 크다. 한 문서 안에 하나만 사용하는것을 권장한다고 한다. 문단을 묶는다. 하나의 문단을 크게 묶으면 실제로 문단 끝에 한줄정도의 공백줄이 생긴다. 글씨 굵게 글씨 매우 굵게 글씨 기울임 약하게 강조 글씨 약간작게 밑줄 취소선 위첨자(ex 제곱) 아래첨자(ex 화학원소수) 강제개행. 짝이 없으며 권장되지는 않는다.(흐름을 해치기 때문) 가로줄. 짝이 없다.
Programing/HTML 2017. 6. 26. 14:41