반응형 전체 글567 JS 객체 dot notation과 bracket notation 객체 dot notation과 bracket notation 객체의 표기법에는 두가지가 있다. dot notation bracket notation dot notation : key.value. (value는 문자열이다.) 읽기 쉽고 더 자주 사용하는 방식이다. 객체를 배우기 이전부터 js의 많은 기능을 dot.notation으로 사용해오고 있었다. 변수를 통해 객체에 접근 할 수 없어서 key 값을 직접 입력해 주어야 한다. let obj = { fruit : 'banana', animal : 'monkey' }; let food = obj.fruit //obj.fruit 는 obj의 fruit 키의 값인 'banana'를 dot notation으로 나타낸 것이다. console.log(food) //.. 2021. 8. 3. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +14일 오늘은 공부를 별로 안했다. 1.git repository CLI로 push, pull 하기. git remote add부터 commit하는 과정까지는 무리가 없다. 문제는 clone, push, pull 하는 과정에서 자꾸 에러가 뜬다. fatal repository not found......... 이거때문에 진행이 안됐다. 구글에서 알려주는 명령어들을 입력해도 여전히 그대로다. master branch를 새로 만드니까 push가 되긴 하는데 그럼 또 pull 이 안되고 하..잘 모르겠다 첫날에는 잘 됐는데 오늘은 왜그런걸까 하다하다 그냥 gui로 했다. 앞으로도 별일 없으면 걍 gui로 해야긌다. 2.CSS flex box 공부 CSS 중에 예전에 flex를 이용하긴 했는데 정확히 몰라서 이번 기회.. 2021. 8. 1. CSS flex box 1. flex box flex { display : flex } : 항목이 행으로 나열된다. div 태그는 한줄을 다 차지하는 태그이지만, { display : flex } 속성을 추가하면, height와 width가 내용의 크기만큼만 늘어난다. inline-flex 컨테이너가 컨테이너 주변 요소들과의 조화를 생각할때 사용하면 된다. flex를 추가하면 컨테이너가 한 줄 전체를 차지한다. .container { background-color: aqua; display: flex; /* display: inline-flex; */ } inline-flex를 차지하면 컨테이너는 내부 요소들의 width만큼만 자리를 차지한다. .container { background-color: aqua; /* displa.. 2021. 8. 1. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +13일 두번째 주말이다. 벌써 22주중에 2주가 지났다! 어제 적어놓은 오늘 할일이다. 밑에 적힌 짱구는 그냥 내가 생활코딩 유튭볼때 만든 홈페이지인데, 이번에 코드스테이츠에서 js를 체계적으로 배우면서 다시 손봐야 겠다는 생각이 들었다. 위에 적힌 3가지 항목은 우선 완료하긴 했는데 뭔가 찜찜하다. 이중반복문 코플릿을 다시 보니까 저번보다는 수월했다. 저번에는 내가 외운걸 적는건지 알고 적는건지 몰르겠었는데, 1주일 후에 다시보니 모르는 와중에 접근법이 하나하나 그려졌다. 저번엔 그냥 뭔지도 모르고 외웠다면 이번엔 '아 이게 이래서 이거구나!' 하는 생각이 많이 들었다. forEach, for in, for of forEach : 배열 객체에서만 사용가능한 메서드이다. 인자로 callback 함수를 등록할 수.. 2021. 7. 31. 이전 1 ··· 131 132 133 134 135 136 137 ··· 142 다음 반응형
