옥수수와 식빵 그리고 코딩

전에 실습했던 버튼! 웹사이트를 함수를 이용해서 리팩토링 하겠다! 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..

배역에서 각각의 원소들을 원소(element)라고 함 변수[index]하면 그 변수 안에 저장된 배열에서 해당하는 순서의 원소를 가져옴 Loop & Array Co workers egoing zzazang ssammu pring Loop & Array Co workers 하지만 여기서 문제점 배열의 원소 개수가 달라지면 로직도 바꿔줘야 함. -> 굉장한 문제!!!!!!!!!!! 데이터가 바뀌면 바뀐 데이터에 따라 유연하게 바뀌는 것이 좋음. 그렇다면 저 배열에 담긴 원소 수 자체가 숫자에 담길 수 있따면 더 좋겠찌! while(i

while(boolen){code} 반복문은 순서대로 실행되는 프로그램의 실행순서의 흐름을 if문(제어문)과 함께 제어하는 제어문. 반복문이 언제 종료할 것인지를 아는것(설정하는 것이 중요) 보통 그걸 적어두는 곳이 변수, 그리고 관습적으로 그 변수를 i로 설정해 둠. 결과 Loop

배열은 파이썬, C 로 지겹게 배웠지만 복습과 기본은 항상 중요하니까 다시 한번 정리하자. 문자는 "String" 따옴표로 감싸진다 배열은 ["egoing", "lee", "zzazang"] 중괄호로 감싸진다. 이걸 이대로 쓰면 불편하니 이 배열을 주로 변수에 넣어줌 var coworkers = ["egoing", "lee", "zzazang"] 이런식으로 순서는 첫번쌔 egoing부터 index 0, 1, 2 이렇게 됨. 검색을 잘 하자 만약 배열 중간에 넣고싶다면? javascript arry add 이렇게 키워드 검색으로 알아낼 수 있음 구글링은 선택이 아닌 필수! Array Syntax get add count

팩토리 : 공장 리 : 다시 리픽토링 : 코딩에서 생기는 비효율적인 부분 제거(중복된 코드 낮추고 개선하는 과정 -> 좋은 프로그램으로 가는 길) this를 활용하자. 여기서 document.querySelector('#night_day') 은 사실상 자기자신을 가리키고 있음. 이 부분을 this로 대체 그러면 id를 참조하는 것은 의미가 없기 때문에 지워버림. 왜 .value에만 this를 활용할 수 있는것인가? 생각했는데 style은 css라서 그런 것 같음. this에 대해서 검색 해 봤는데 좀..어려운 개념인 것 같아서 일단은 수박 겉햝기라도 인덱스 내에서 자기자신을 가리킬 때 활용하는 거라고 이해하고 넘어가도록 하겠다. 중복은 무조건 없애자 그러기 위해 변수 활용. document.querySe..

검색을 잘 하자. document.querySelector('#night_day').value = 'day'; 계속 선택자 들어가는 문법을 헷갈려하는데 여기서 이 코드 해석은 queryselector은 css선택자로 요소를 선택자게 해주기에(첫번째 요소만) 이 문서에서 id값이 night_day인 요서의 값을 'day'로 바꾸겠다. 이런 뜻! 코드를 좀 더 길게 보면