반응형 전체 글601 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. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +12일 오늘 배운 것 JS 배열, 객체 대랴으이 데이터를 다루기에 적합하게 제작된 데이터 타입인 배열과 객체를 참조타입(reference type) 데이터라고 한다. 참조 타입 데이터는 원시 타입(숫자, 문자열, boolean, undefined) 등과 다른 성격을 가진다. 객체는 이해가 잘 안가서 내일 빡시게 공부하고 배열만 정리하였다. https://wnsdufdl.tistory.com/31 JS 배열의 Method : Mutable과 Immutable Mutable과 Immutable 개념 Mutable 원본이 변한다. 참조타입(reference type) : 배열, 객체, 함수 등 원시타입을 제외한 모든 type 데이터 주소를 찾아서 값을 변경한다 Immutable 원본이 변하지 않는다. 원시타.. wn.. 2021. 7. 30. JS 배열의 Method : Mutable과 Immutable Mutable과 Immutable 개념 Mutable 원본이 변한다. 참조타입(reference type) : 배열, 객체, 함수 등 원시타입을 제외한 모든 type 데이터 주소를 찾아서 값을 변경한다 Immutable 원본이 변하지 않는다. 원시타입(primitive type) : Boolean, Null, Undefined, 수, 문자열 데이터 주소와 별개의 새로운 주소에 값이 할당된다 아래 글은 원시자료형과 참조자료형을 정리해 놓은 글이다. https://wnsdufdl.tistory.com/6?category=1012091 원시자료형(primitive type)과 참조자료형(reference type) Javascript의 Type 에는 원시자료형(primitive type)과 참조자료형(refe.. 2021. 7. 30. 이전 1 ··· 140 141 142 143 144 145 146 ··· 151 다음 반응형
