전체 글 썸네일형 리스트형 [JS]객체프로퍼티와 메소드 📍객체에 함수 담는 법 coworkers라는 객체에 showAll이라는 메소드를 넣고싶다하면? showAll은 함수니까 function이 쓰인다. coworkers.showAll = function(){ } 이 코드는 function showAll(){ } 과 똑같은 함수라고 보면된다. 함수를 정의할 때 1. var showAll = function(){ } 2. function showAll(){ } 둘은 똑같다. 다시 내용으로 돌아와서, showAll 이라는 함수에 저 내용을 넣는다. - showAll하면 모든 coworkers에 있는 각각의 데이터들을 interate해서 화면에 출력하는 것. 마지막으로 coworkers.showAll(); 이 코드를 적고 웹을 실행시키면 ▼아래와 같이 출력된다. 하.. 더보기 [JS]객체와 반복문 지금까지 우리는 배열에서 반복문으로 데이터를 가져왔었다. 그렇다면 객체에서 가져오는 방법은 없을까? 📍생성된 객체에 모든 데이터 가져오는 방법 *검색: javascript object iteration - for...in 을 쓰면 된다. for(var key in coworkers) { document.write(key+' ') } - coworkers라는 객체에 있는 key를 하나하나 꺼내서 중괄호 코드를 실행한다. - key값의 예시 programmer designer bookkeeper scientist - key : 가져오고 싶은 정보에 도달할 수 있는 열쇠. - 배열: key라는 표현 안쓰고 순서대로 정리돼있기때문에 index라고 쓴다. coworks에 있는 모든 key값들이 모여서 출력된 모습.. 더보기 [JS] 객체의 쓰기와 읽기 - 배열 : 순서에 따라 정보를 정리정돈한다. [대괄호] - 객체 : 이름이 있는 정리정돈 상자. {중괄호} 1. 객체 생성하는 법 var coworkers = { "programmer":"egoing", "designer":"leezche" }; - coworks라는 객체에 변수를 담을 것이다 라는 의미. - coworks라는 객체에 egoing이라는 정보를 programmer라는 딱지를 붙여서 저장해놓은 것. 2.객체 데이터(정보) 꺼내는 법 document.write("programmer : "+coworkers.programmer+" "); document.write("designer : "+coworkers.designer+" "); - 실질적으로 정보를 가져오는 코드는 +coworkers.pr.. 더보기 03.[JS] React Page HTML과 JavaScript의 만남 1 (script 태그) JavaScript html 1+1 JavaScript와 html의 차이점 *JS : 1===2 이 값은 이렇게 출력된다. 📍 document.write() 괄호 안에있는 정보를 웹페이지에 출력 📍 1===1 동등비교 연산자 (왼쪽값과 오른쪽값을 비교하여 같으면 true 다르면 false) 📍 1서로 연관된 특징, 행동 묶어두는것. 은행,토끼,당근, 자동차: 비슷한 타입의 오브젝트를 묶어두는 것.동일한 타입의 오브젝트만 담을 수 있다. *배열 :칸칸이 모여있는 자료구조 -박스마다 인덱스가 지정돼있고, 인덱스는 0부터 시작한다. - 1번째 .. 더보기 02. [CSS] Design anything CSS는 어떤 목적의 언어인가요? CSS를 웹페이지에 삽입하는 방법은 무엇인가요? STYLE 속성은 무엇인가요? 선택자가 무엇인가요? ID="" 예외적으로 디자인 변경 가능 (앞에 .붙임) ,우선순위 CLASS="" 포괄적, 그룹핑(앞에 #붙임), 두번째 span 이 웹페이지에 있는 모든 span 태그 지목, 세번째 CSS가 등장하기 전의 상황 HTML 이용 시, 여러 불편과 문제점이 생겼다. 글꼴, 문자 크기&색깔, 정렬, 배경 등.. 웹페이지를 보기 좋게 만드는 방법에 대해 고민하게 된다. 예를 들어, 라는 코드를 3번 정도 썼다고 한다면 이게 1억개가 돼었을 때도 1억개를 써야 한다는 뜻이다. 따라서 웹 사이즈의 크기도 완전 커지게 된다. 따라서 이 것을 한 코드로 실행할 수 있도록 만들 것이다. .. 더보기 01. [HTML] Hello World? "웹 세계에 오신 것을 환영합니다!" 처음 코딩을 배웠을 때 웹상에서 띄운 결과값이었다. 그저 알파벳만 적었을 뿐인데 강사님이 나보고 잘했다고했다. 정말 뿌듯뿌듯 코딩은 어려운 것이고 못할 것이라 생각했는데 나도 할 수 있었다! 일단 글을 웹에 띄워는놨잖아?;; "개발자의 자세" 개발자의 자세는 무엇인가를 만들기 전에 무엇을 만들 것인가를 미리 상상하고, 계획해야 한다고 했다. 그리고 이것을 '기획'이라고 부른다. 그럼 전문적으로 하는 사람들은? '기획자'라고 부르겠지? 먼저 해야할 일은 내가 생각하는 웹사이트의 모습을 눈으로 보이게 그려보는 것이다. 나는 쌩초보이므로, 강사님이 그려놨던 것을 참고하기로 했다. 1 - 전체 제목 2 - 목차 (이 목차에는 링크가 걸려.. 더보기 이전 1 2 3 다음