코딩성장스토리

함수 함수는 코드를 간결하게 만들어 주는 것에 있어서 매우 중요하다 라고 하면 출력값은 programmer: egoing 이 나온다 새로 객체 추가를 하고 싶고 객체명을 띄어쓰기형태로 하고싶다면 cowokers["data scientist"]="taeho"; document.write("data scientist:"+cowokers["data scientist"]+" "); 이런식으로 하면 출력값 역시 data scientist : taeho 라고제대로 나온다. ​ 반복문으로 객체의 모두를 사용하고 싶을때 for문을 사용하면 된다. for(var key in cowokers(객체명)){ document.write(key+' '); } 이 코드에서 출력은 객체에서의 모든 키 값이 출력이 된다. (여기서의 ..

리팩토링 중복의 제거 똑같은 코드를 여러개 적어야만 할때 이름을 다르게 해야하므로 id나 class를 꾸준히 바꿔줘야한다 이걸 방지하기 위해 this가 존재한다. 아래는 this를 이용해서 쓴코드 그리고 여기서document.querySelector('body') 이 문구가 중복되는 것이 보인다. 이 중복을 없애기 위해서 변수var을 이용하면 간결해진다 예를 들어 배열과 반복문 배별 만드는법 이렇게 반복문과 배열을 이용하면 예시로 이런 응용이 가능하다. ​

javascript 란 정적으로 실행되는 웹을 동적으로 실행시켜주기 위해 생성된 언어이다 이 언어는 가 무조건 들어 간다 . 여기서 중요한거는 이 안에 들어 간 것들은 동적으로 움직인다. 예를 들어, 우리가그냥 태그 안에 1+1을 넣어도 그냥 1+!이 출력된다. 하지만 안에 1+!을 넣으면 이것은 계산이 되고 2라는 결과값이 출력된다. 즉 이 안에서는 동적으로 실행되고 있음을 뜻한다. ​ 버튼, 텍스트 등등 기능 이 코드에서 TYpe 옆에 button 을 적으면 버튼이 생성되며 value 값에 값을 넣으면 그 값이 버튼의 이름이 된다. type에도 여러가지 가 들어갈수있다 ex)type="button",type="text" 등등 event는 내가 event라고 했지만 event에 해당하는 속성을 넣어야 ..

css가 나오게 된 계기는 태그의 한계성이다 기본적으로 css는 web 1.HTML 2.css 3.javascript 박스모델 border:굵기 스타일 색상 (테두리 삽입 ex) border-bottom(테두리 밑에만):50px dashed coral; margin:40px 80px: border 테두리 그 밖 내용까지의공백 padding: border 테두리와 그 안 내용까지의 공백 width 블럭너비 ​ ​ dispay:block 화면전체 크기 (h1태그는 기본적으로 블럭 크기임) display:inline : 코드 그 칸만 크기 ​ 그리드 레이아웃 태그 아무런거 없이 디자인 용으로 사용 블록크기 갖음 태그 아무런거 없이 디자인 용으로 사용 인라인크기 같음 navigation article artic..