반딧불이 코딩

CSS는 Cascading Style Sheets의 약자이다. CSS는 html로 만든 웹 페이지의 스타일을 꾸밀 때 사용하는 언어이다. CSS 문법은 스타일을 꾸며줄 선택자를 선택한후 속성과 값을 입력해준다. Selector { 속성 : 값; } 선택자에 올 수 있는 것은 총 3개이다. tag id class tag를 선택하고 싶을때는 스타일을 적용할 태그의 이름을 적어주고 특정한 id값을 가진 태그를 스타일적용 하고 싶을때는 #을 적고 id명을 적어야한다. class의 경우엔 class명 앞에 .를 붙여주어야한다. h1{ color: red; } #id{ color: red; } .class{ color: red; } css를 적용할 수 있는 방법은 3가지이다. 태그 안에 태그를 만들어 그 안에서 스..

HTML이란 Hyper Text Mark-up Language의 약자로 웹 페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. HTML은 elements와 tag로 구성되어있다. tag와 elements의 차이점 일단 태그는 로 구성되어있다. 와같이 여는태그와 와 같이 닫는 태그가 있다. 여는태그와 닫는태그 안에 내용을 적게되면 그 태그의 효과를 받을 수 있습니다. 이곳에 내용이 들어갑니다. //는 여는태그 // 닫는태그 태그는 태그와 같이 여는태그와 닫는태그로 구성되어 있는 태그도 있지만, 닫는태그가 따로 없는 태그들도 있습니다. // 줄바꿈 태그 // 닫는 태그가 따로 존재하지 않고 >옆에 /를 붙여 태그가 끝났음을 명시적으로 표시 태그와 태그안에 내용물을 모두..

자바스크립트와는 다르게 Java에서는 변수안에 어떤 데이터 타입이 들어갈 수 있을지 변수를 만들때 지정해줘야한다. 자바스크립트에서는 문자열, 숫자등 데이터 타입에 관계없이 cosnt, let, var등으로 변수를 선언할 수 있었지만 자바에서는변수에 넣을 데이터 타입에 따라 다르게 써야한다. Integer 정수 ( ... -4, -3, -2, -1, 0, 1, 2 ... ) integer의 약자인 int를 사용하여 선언하면 정수를 담을 수 있다. int a = 1; Real number 실수 ( ... -3.2, -2.0, -1.4, 0, 1.0, 2.4 ...) 실수의 경우 double을 사용한다. double b = 1.1; String 문자열의 경우 그대로 String을 사용. String c = "..

원격 저장소를 이용하면 git을 사용해 작업하던 파일들을 쉽게 백업할 수가 있습니다. git과 원격저장소에 백업된 파일들을 이용하면 내가 작업하던 컴퓨터가 아닌 다른 장소에 다른 컴퓨터로도 쉽게 작업을 진행할 수가 있습니다. 원격 저장소는 굉장히 많이 존재하지만 가장 유명한 곳은 github와 gitlab입니다. 깃허브나 깃랩에 가입한 후 새로운 repository를 만들면 git에 로컬 저장소에 연결 시킬 수 있습니다. git remote add origin (원격 저장소 주소) remote는 원격저장소와 관련된 명령어 (주소를 매번 외울수가 없으니까 통상적으로 많이쓰는 origin이라는 원격저장소의 별명을 만들어 준것) git remote 현재 디렉토리에 연결된 원격저장소의 목록을 보여줌 (원격저장소..

명령어를 알기전에 git에는 3가지 구역이 있는 점을 이해하고 있어야한다. Working tree Staging Area Repository Working tree는 현재 수정하고 있는 상태, 수정한 내용이 들어가 있다. 버전으로 만들고 싶지않은 파일도 있다. Staging Area에 버전으로 만들고 싶은 파일들을 올려놓는곳. Repository 커밋(버전관리)한 파일들이 있는 저장소. 이 세가지 구역을 명령어를 이용하여 파일들을 옮겨 최종적으로 Repositoy에 커밋하여 버전관리를 할 수 있는 것이다. pwd 현재 디렉토리의 위치가 나온다. cd ~ 현재 디렉토리 위치내에 ~명을 가진 폴더 안으로 들어간다. 연속적으로 폴더 안으로 들어가고 싶을땐 /를 붙인다. 예) cd ~/~~/~~/ cd .. 현..

프로그래밍을 할때 파일이 오류가 나거나 삭제되어 허망하게 작업한것들을 날리는 경우가 있을 수 있다. 그래서 우리는 백업을 해놓거나 다른 방법으로 수정을 하고 싶을때 복제 파일을 만들어 수정하여 원본파일이 수정되지 않게 하는 경우도 있다. 이러한 경우를 쉽게 하기 위해 GIT이란 것을 사용한다. GIT이 하는 일은 크게 3가지로 나눌 수 있다. 버전관리 백업 협업 GIT을 이용하는 프로그램들은 많다. GUI를 이용하여 보다 쉽게 접근할 수 있는 github desktop와 같은 프로그램도 상당히 인기 있지만, 모두 git cli를 베이스로 하여 실행되는 프로그램들이다. git cli는 사용자가 직접 명령어를 이용하여 사용하는 시스템인데, github desktop와 같은 프로그램은 서버와 같은것에서는 사용..

var a = 1; var b = a; b = 2; console.log(a); // 1 위 코드에서 b = a이고 b의 값을 2로 정의했는데 a의 값이 1이 나온 이유는 a = 1로 정의를 하고 b = a 를 하였을때 b는 a의 값 본체에 연결되어 있는것이 아니라 b는 a의 값과 똑같은 값에 연결되어 있는것이다. 한마디로 b는 a의 값을 복제한 값을 대입하는 것이다. 이러한 개념을 복제라고 하는데 복제는 a = 1; 처럼 원시데이터 타입일때 일어난다. 원시데이터가 아닌 다른 데이터 타입, 즉 객체에서는 복제가 발생하지 않는다. var a = {'id':1}; var b = a; b.id = 2; console.log(a.id); // 2 여기서 a를 객체로 정의하였고 b = a를 했을경우, a의 값이 ..

데이터 타입은 크게 두가지로 나뉠 수 있다. 원시 데이터 타입 primitive type (기본 데이터 타입) 객체 데이터 타입 (참조 데이터 타입) 원시 데이터 타입에는 숫자 문자열 불린(true/false) null undefined 가 있고 이것 이외에 나머지가 객체 데이터 타입이다. var str = 'coding'; console.log(str.length); // 6 console.log(str.charAt(0)); // "C" 분명 객체처럼 사용되고 있는데 왜 문자열이 객체가 아니라고 할까? 그이유는 문자열과 관련된 어떤 작업을 하려고 할 떄 자바스크립트는 임시로 문자열을 객체로 만들고 사용이 끝나면 제거하기 때문이다. 이러한 처리는 내부적으로 자동적으로 일어난다. str = new Stri..

자바스크립트에는 Object라고 하는 객체가 따로있다. Object 객체는 모든 객체의 부모 객체라고 부를 수 있는 가장 기본적인 형태를 가지고 있는 객체이다. 모든 객체는 Object 객체를 상속 받는데 그러하기 떄문에 모든 객체는 Object 객체의 prototype 프로퍼티를 가지고있다. 모든 객체가 공통적으로 가지고 있어야 할(하는) 기능이 있다면 Object의 prototype으로 지정하면 된다. Object.prototype.contain = function(neddle) { for(var name in this){ if(this[name] === neddle){ return true; } } return false; } var o = {'name':'apple', 'city':'seoul'}..

표준 내장 객체(Standard Built-in Object)란 자바스크립트가 기본적으로 가지고 있는 객체를 말한다. Object Array String Boolean Number Math Date RegExp 자바스크립트 내장 객체는 이렇게 몇가지 안되지만 사용하는 호스트 환경에서 제공하는 내장 객체들도 있어 실질적으론 더 많아진다. 배열을 확장 var arr = new Array('seoul','new york','ladarkh','pusan', 'Tsukuba'); function getRandomValueFromArray(arr){ var index = Math.floor(arr.length*Math.random()); return arr[index]; } console.log(getRandomV..