코딩응애의 개발블로그

객체 영어로는 object 라고 한다. 정리정돈의 수단. 서로 연관된 함수와 서로 연관된 변수를 같은 이름으로 그룹핑해서 잘 정리정돈 하기 위한 도구를 객체라고 할 수있다. 쉽게 생각하면 폴더라고 생각을 해도 됨 그리고 객체에 속해있는 함수는 메소드 라고 부른다. document.querySelector('body') // document 여기가 객체 querySelector('body')가 함수 즉 객체에 속해있으니 메소드 라고 한다 객체 쓰기와 읽기 배열과는 달리 객체는 순서없이 정보를 저장할 수있는것이다. 객체를 만들때 사용하는 기호는 중괄호 이다. 문법을 코드로 보면 var coworkers = {"programmer":"oenomel" , "designer":"chulsu"}; 중괄호 안에 콤마..

리팩토링 중복의 제거 코딩을 하고 나면 코드가 비효율적인 면들이 생기기 마련인데 여기서 동작하는건 그대로 두고 코드 자체는 효율적으로 만들어서 그 코드의 가독성을 높이고 중복코드를 줄이고 유지보수를 편리하게 하는 이러한 방향으로 코드를 개선하는 작업을 리팩토링이라고 한다. 위에 코드를 보면 몇개 반복되는 문장들을 볼 수 있는데 이 코드를 리팩토링 하면 더 가독성을 높일 수 있다. 리팩토링 하기전 잠깐 this라는 개념에 대해 알아보면 위에 onclick과 같은 이벤트 안에서 실행되는 코드들은 즉 이 구간안에서는 이 코드들이 속해있는 태그 (즉 여기서는 input 태그를 의미함) 를 가리키도록 약속되어 있는 특수한 키워드가 있는데 바로 this 이다. 그리고 이 코드 document.querySelecto..

※ 중간에 CSS 부분(9~11)은 들었지만 따로 CSS 요약한 포스트가 있어서 쓰지 않음 데이터타입 - 문자열과 숫자 이 부분은 너무 간단해서 그래도 요약하자면 일단 숫자는 아무 사이트에 콘솔 창에서 1+1 하고 엔터를 하면 2 가 나오는 이러한 식이다 사칙연산 다 가능하다. 그리고 문자열 같은 경우 큰따옴표, 작은따옴표 둘다 가능하다 예를들어 "hello" 하고 엔터치면 저 문자열이 그대로 나온다. 문자열에는 다양한 property와 메소드가 있는데 몇가지 살펴보면 "hello".length 하면 문자열의 길이를 나타내주고 "hello".toUpperCase() 해주면 다 대문자로 변한다 그리고 "hello".indexOf( 'l' ) 해주면 괄호안에 문자가 몇번째에 있는지 나타내주고 마지막으로 " ..

*생활코딩님 강의를 듣고 난후 정리하는 글 입니다. HTML과 JavaScript의 만남 1 (script 태그) 프로그램에 자바 스크립트를 넣는 방법은 html 코드로 지금부터 자바 스크립트가 시작됩니다 라고 알려주어야 한다. 그때 사용하는 태그가 있는데 바로 그리고 onclick에 속성 값으로는 반드시 자바 스크립트가 와야 된다. (onclick 만 해당하는건 아님 다른 이벤트들도 마찬가지 ) onclick 말고도 onchange, onkeydown 등 여러가지가 있는데 이러한 것들을 통틀어서 이벤트(event) 라고 한다. 각자 기능을 간단히 설명하자면 onclick은 클릭되었을때 onchange는 내용이 변경이 되었을때 onkeydown은 어떤 키를 눌렀을때 발생 하는 이벤트들 이다. 이러한 이벤..