옥수수와 식빵 그리고 코딩

문제가 발생할 경우 inspect, 검사를 사용해서 문제가 어디서 발생했는지를 알아내야 함. 객체는 객체의 프로퍼티와 프로퍼티 사이를 구분할 떄는 콤마를 사용함. var Body = { setColor : function(color){ document.querySelector('body').style.color=color; }, //객체와 객체 사이에는 , 필수 setBackgroundColor : function(color){ document.querySelector('body').style.backgroundColor=color; } } 이제 기본 개념은 다 배움. 다만 점점 상호작용을 하면서 복잡도가 올라가고 막막함이 생길 뿐. 문법은 이제 다 배운것임. 객체보다 더 큰 정리정돈 도구가 있을까? 다..

배열 ; 순서에 따라 정보를 정리정돈, 정보를 담는 그릇, 정보가 순서대로 저장됨. 객체 : 정보가 순서없이! 저장됨. 다만 체계(이름)는 필요함 그런데 무작위로? ㄴㄴ 안됨. 1. 객체의 문법 객체를 만들 때 사용하는 기호를 object literal (명칭 안중요)이라 함. 배열은 [대괄호], 객체는 {중괄호} 사용 객체 만들기 var coworkers = { "programer" : "egoing", "designer" : "leezche" }; 객체를 만들 때는 냅다 배열처럼 중괄호 안에 {"egoing"}이렇게 쓰면 안됨. 이름이 같이 있어야 함. 프로그래머 - 이고잉 이런식으로 그럼 이 배열은 cowokers라는 배열에 egoing이라는 정보를 programer라는 딱지를 붙여서 저장한 것으로..

배열 ; 순서에 따라 정보를 정리정돈, 정보를 담는 그릇, 정보가 순서대로 저장됨. 객체 : 정보가 순서없이! 저장됨. 다만 체계(이름)는 필요함 그런데 무작위로? ㄴㄴ 안됨. 1. 객체의 문법 객체를 만들 때 사용하는 기호를 object literal (명칭 안중요)이라 함. 배열은 [대괄호], 객체는 {중괄호} 사용 객체 만들기 var coworkers = { "programer" : "egoing", "designer" : "leezche" }; 객체를 만들 때는 냅다 배열처럼 중괄호 안에 {"egoing"}이렇게 쓰면 안됨. 이름이 같이 있어야 함. 프로그래머 - 이고잉 이런식으로 그럼 이 배열은 cowokers라는 배열에 egoing이라는 정보를 programer라는 딱지를 붙여서 저장한 것으로..

그분이 왔다.... 깃허브... 아직 잘 모르지만 일단 배운 것이나마 정리를 해보겠따. 1. 깃 =/ 깃허브 2. crate new repository 후.. 이런 화면이 나오는데 여기서 당황하지 말고 따라 하면 됨. 이게 내 로컬(내 컴퓨터)이랑 깃을 연동시키라는 건데 따르게 하는 방법도 있고, 터미널 통해서 명령어 입력하는 방법도 있고 다양하니까 상황 보면서 선택해서 하면 되는거임. 어제는 스누피랑 2번 방법으로 했음. echo "# myself" >> README.md git init git add README.md git commit -m "first commit" git branch -M main git remote add origin https://github.com/binz1215/mysel..

괸장히 중요하지만 엄청 어려움..! 프로그래밍의 큰 산 두개 1. 함수 2. 객체 객체는 함수라는 기반 위에 존재하는 것. 객체를 알기에는 너무나 많음 그래서 여기서는 그 한가지. 하나의 객체의 특성, 존재 이유, 또는 기능에 집중에서 앞으로 나아가고, 앞으로 나아가면서 주변을 둘러보고 익숙해 지도록 하자. 객체의 얼굴 중 하나는 정리정돈의 수단! 정리정돈에는 함수도 있음. 함수가 많아지면 함수와 연관되어있는 변수도 엄청나게 많아짐 그럼 복잡도의 한계에 도달하는데 이런 상황에서 서로 연관된 함수와 서로 연관된 변수들을 같은 이름으로 그룹핑해서 잘 정리정돈하기 위한 도구를 일단 객체라고 할 수 있음. vs code 팁 중복되는 단어 한번에 수정은 command + shift + L target.style...

전에 실습했던 버튼! 웹사이트를 함수를 이용해서 리팩토링 하겠다! onlclik이라는 이벤트 안에서 this는 이 이벤트가 소속된 이 태그()를 가리키도록 약속되어 있는데 독립된 함수를 만들게 되면 여기서 this는 더이상 태그를 가리키지 않고 전역객체를 가리키게 됨 (웹브라우저에서는 윈도우(지금은 이해 못함 ㄱㅊ)) 그래서 함수 안에 있는 this가 input태그를 가리키게 하기 위해서 nightDayHandler()함수를 실행할 때 괄호안에 this를 넣어줌. 이럼 이 this는 함수가 실행될 떄 인자가 됨 function nightDayHandler(self){ this를 받는 매개변수 이름은 self로 해줌. 그러면 원래 코드에서 this를 self로 바꿈 그러면 잘 동작함..! 버튼을 아무리 늘..

그분이 왔다! 함수! 두려워하면 지는거다... 함수 : 수납상자 객체 : 조금 더 큰 정리도구 일단은 구경해부자 함수를 사용하면 코드가 정말 간결해진다. 즉 유지보수가 쉬워지고, 알아보기도 쉬워진다. 물건이 아무리 많아도 정리정돈이 안 되어있다면 찾아서 사용하기 어렵듯이 코드도 마찬가지이다. 지금 당장은 잘 작동하는 코드더라도 유지보수는 항상 필요한데 그 때마다 정리가 너무 ㅎ미들다면 그건 좋은 코드라 할 수 없다. 함수(function) *객체지향언어에서는 method라고 하기도 함 기본 html 코드 1. 기본적인 문법 반복을 하는데 만약 연속적인 반복이 아니라면? 반복문을 사용할 수 없음. 그렇다면 함수 사용. function two(){ document.write('2-1'); document.w..

검색은 진짜진짜 중요!! ex) 이 문서 안에 태그 개수 전체 몇개인지.. 알려면 javascript get element by css selector multiple 이런 키워드로 검색해서 https://www.w3schools.com/jsref/met_document_queryselectorall.asp 이런 사이트에서 도움 받을 수 있음. -꿀팁!- 웹페이지에서 html열 때 esc키 누르면 console창 밑으로 열 수 있음 shift키 + enter하면 실행되지 않고 줄바꿈 됨 간단하다면 간단한건데 또! 또 안됬따! 그래서 30분동안 붙잡고 선생님의 코드와 내 코드를 하나하나 비교해가면서 하나씩 바꿀 때마다 새로고침을 한 결과 틀린 부분을 발결할 수 있었다. 문제가 되었던 부분은 else { t..