본문 바로가기

전체 글

 (137)
variable(변수) 애플리케이션은 데이터를 다루는데 변수는 이 데이터를 관리하기위해 사용하는 중요한 용어이다. 1. 변수에 대해서 변수는 하나의 값을 저장한 메모리공간으로 그 메모리공간을 식별하기 위해 붙인 이름이다. 메모리에 저장된 값을 식별할 수 있는 고유명을 변수명이라하고, 변수에 저장된 값을 변수 값이라 한다. 변수에 값을 저장하는것을 할당(assignment), 값을 읽어오는 것을 참조(reference)라 한다. 변수명을 사람이 이해하기 쉽게 지음으로써 가독성을 높일수있다. 2. 변수 선언과 호이스팅 쓰다보니 길어져서 따로 작성하였다. 변수를 사용하려면 반드시 변수를 선언해야한다. 변수를 선언하면 값을 저장할 메모리 공간을 확보(allocate)하고 변수명과 확보한 메모리 공간의 주소를 연결하여 값을 저장할 수 ..
텍스트 문자열 연결하기 1. 텍스트 문자열의 연결 alert함수에 텍스트를 입력하면 같은 텍스트가 항상 출력된다. 그렇다고 항상 텍스트를 교체하기는 귀찮은데 이럴때는 변수를 사용하면 변수값에따라 내용을 바꿀 수 있다. let name = "김"; console.log("안녕하세요" + name + "씨"); // "안녕하세요 김 씨" 2. 텍스트 + 텍스트 String 과 String를 합치면 String이다. 만약 띄어쓰기를 넣고싶다면 " "를 사용하면 띄어쓰기를 포함한 문자열이 출력된다. console.log("안녕" + "하세요"); console.log("안녕" + "하" + "세요"); console.log("안녕" + "하세" + "" + "요"); //위의 3가지 다 '안녕하세요' console.lo..
Math Expression 1. 수학 표현식 JavaScript는 코드에 숫자 데이터타입과 사칙연산같은 수학 표현식을 사용하여 숫자를 계산할 수 있다. 2. 생소한 수학 표현식 1. ++ / - - ++는 변수의 값에 1을 간단하게 더할 수 있게 해준다. 반대로 -- 는 변수에서 1을 빼준다. 참고로 const를 사용하면 값을 재할당을 할수 없어 에러가 뜬다. 증감연산자를 사용하는경우 ++/--의 위치에따라 다르게 사용하기때문에 주의해야한다. ++를 하면 1이 붙어서 나올것같지만 실제로는 다른값이 나올수 있다. 1) number++ 아래의 코드는 어떤 값이 나올까? let a = 1; let aPlus = a++; 나는 1과 2가 나올줄 알았는데, 답은 2와 1이였다. 이렇게 나온 이유는 대개 코드는 위에서부터 스캔하기도하지만 동..
Return 1. 함수의 return(반환) 위에 사용한 return은 함수의 값을 반환한것인데, 처음 공부했을때 이 return이라는게 이해가 안갔었다. 아래의 인용글은 처음 공부했을때 레플릿의 설명이 이해가안됬던 부분이 이다. 모든함수가 return을 포함해야하는건 아닙니다. 함수내부에 return 키워드를 생략할 수 도 있습니다. 하지만 이경우에도 함수는 무언가를 반환하고 있습니다. 함수가 반환을 생략하면 undefined라는 값을 반환합니다. return를 생략해도된다고해서 처음 공부했을때 모든함수에 변수선언만하고 return을 안써서 왜안뜨냐며 헤맸었다. 함수는 값을 불러오려고 쓰는것인데 함수내부에 점수는 이거다라고 변수선언을 해놓고 그 값을 반환하지 않으면 함수는 내 놓을 값이 없어서 undefined를 ..
Function 1. 함수란? 함수는 하나의 특정한 작업을 수행하도록 설계된 독립적인 블록이다. 블록이란 코드에서 {}로 쌓인 부분을 말한다. 블록내에서 정의된 변수를 외부에서 호출할 경우 접근할 수 없다. (반면 전역함수의 경우 모든 전역변수와 함수에 접근이 가능하다.) 이 블록에서 작동하는 범위를 함수의 유효범위라하며, 자바스크립트는 함수를 블록대신 사용할 수 있다. 1-1. 함수의 형태 함수의 형태는 function이란 키워드로 시작하여 함수의 이름을 선언하고 ()를 붙인뒤 {를 붙여 함수의 시작을 알린다. 함수에서 실행할 내용은 {}안에 작성하며 함수의 body라고 한다. body의 내용은 들여쓰기를 하는데 함수내부의 코드임을 알기 쉽게하기위하여 들여쓰는것이다. 함수의 값으로 반환할 것이 있다면 return문을 ..
JavaScript의 데이터타입 JavaScript의 데이터타입의 종류 Data(자료)란 프로그램이 처리할수 있는 모든것으로 자효형태에 따라 나눠놓은것을 자료형(DataType)이라 한다. 자바스크립트의 데이터 타입은 원시타입과 객체타입으로 나뉜다. 원시타입(Primitive dataType): 객체가 아닌 기본자료형이라고 하며, 변경불가능한 값으로 값에 의해 전달(pass-by-value)된다. 객체(참조)타입(Object type, Reference type):객체를 기반으로 하는 자료형으로, 참조에의한 전달(pass-by-reference)방식으로 전달된다. 자바스크립트는 객체기반의 스크립트 언어로 원시타입을 제외한 모든것이 객체로 이루어져있다. 원시타입 객체타입 Number Object String Boolean Null Und..
JavaScript의 역사 javaScript란? 웹사이트와 상호작용하여 페이지를 동적이게 만드는 언어로 .js라는 확장자를 가진다. 사용자가 브라우저에서 행하는것을 처리하고, 데이터를 저장하거나, 네트워크 요청(req)과 응답(res)를 처리할 수 있다. (java와는 아무 상관이 없다) 1. 자바스크립트의 역사 1. 탄생과 변명(?) 1995년 넷스케이프 커뮤니케이션즈가 웹페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍언어를 도입하기로 결정하고 브렌던 아이크가 자바스크립트를 개발하게 된다. 1996년 3월 모카(moca)로, 9월에는 라이브스크립트(liveScript)로, 12월에는 자바스크립트(javaScript)라는 이름으로 바뀌었다. 2. 표준화 1996년 8월 마이크로소프트는 javascri..
Git 사용하기 1. github 회원가입 2. 로컬에 프로젝트 폴더 생성 원하는 위치에 폴더를 만들거나 데스크톱에 원하는 명의 폴더를 생성하면된다. 3. git repository 생성 아래의 이미지에 나온대로 하면된다. 4. git init 터미널을 열고 로컬에 생성한 프로젝트 폴더로 이동한후에 아래의 명령어를 입력한다. cd 폴더명 git init git 메인 브랜치 명 변경하기 굳이안해도 된다고생각하지만 가끔 메인으로 바꿔서 해달라는 요청이있어서 바꾼적이 있다. 아래의 명령어를 입력하면 master로 뜨던 브랜치명이 main으로 변경된다. git branch -M main 5. git 레포주소와 로컬 연결하기 git remot add origin repository address위의 명령어를 입력하면 주소가 연동..

티스토리툴바