전체 글 45

유사배열(Array-Like Object)

1. 숫자 형태의 indexing 이 가능하다. : 배열과 마찬가지로 0부터 시작하는 index 를 통한 접근이 가능하다. 2. length 프로퍼티가 있다. : 객체가 가지고 있는 요소의 개수를 나타내는 length 프로퍼티가 존재한다. 3. 배열의 기본 메소드를 사용할 수 없다. : 따로 구현하여 배열처럼 사용할 수도 있지만, 유사배열이 완전한 배열이 아닌 가장 큰 이유로 push(), splice() 등 배열의 기본 메소드를 사용할 수 없다는 점이다. 4. 유사배열은 Array.isArray() === false 이다. : 파라미터 값이 배열인지 아닌지 boolean 값으로 나타내는 메소드 isArray() 의 결과값이 false 이다.

JavaScript 2021.09.19

CSS 자식요소, 자식의 자식의 ... 요소 선택하기

1. 자식 요소 선택 이런 식으로 news-content 의 자식 요소인 경우(바로 하위에 위치하는) > 를 사용하면 선택된다. 2. 자식의 자식 요소 선택 그러나 만약.. news-content 안에 수많은 자식 요소가 있고 그 자식요소의 또 자식이라면..? 심지어 극단적으로 자식의 자식의 자식의 자식의.. 이런 경우도 발생이 가능한 경우라면? 바로 하위요소를 인식하는 > 로는 지정해줄 수 없다. 그런 경우 띄어쓰기를 이용하면 된다.

CSS 2021.01.14

일정한 사이즈 div 안에 이미지 넣기 (잘리면서 꽉차게, 잘리지 않고 축소)

+) 이번 프로젝트를 진행하면서 퍼블리싱 부분에서 가장 애를 먹었던 부분. 혹시 제가 놓친 점이나 더 좋은 방법, 다른 방법이 있다면 얼마든지 알려주시기 바랍니다. 1. 잘리면서 꽉차게 * 상위 div 에 꽉 채우고 싶다. * 비율이 깨지지 않도록 한다. * 이미지의 가운데 부분이 보여지도록 한다. * 넘치는 부분은 자른다. HTML 예시 CSS 예시 .image-box { width:380px; height:220px; overflow:hidden; margin:0 auto; } .image-thumbnail { width:100%; height:100%; object-fit:cover; } width: 380px, height: 220px 인 상위 div 가 있다. 이 div 에 딱 맞게 어떤 비율의..

CSS 2020.12.17

없으면 insert, 있으면 update (ON DUPLICATE KEY UPDATE 활용)

PK 와 동일한 레코드를 insert 하려고 하면 insert 가 아닌 update 를 수행한다. 이 때, update 하고자 하는 대상을 ON DUPLICATE KEY UPDATE 에 적어주었다. +) 다른 예시 위와 같이 수정하고자 하는 항목을 1개든, 2개든 여러개든 수정할만큼 하고 나서 수정버튼을 누르면 위의 DB 내용이 변동사항이 생긴대로 업데이트 해주는 기능을 구현하기를 원했다. 사용자가 실제로 내용 자체를 업데이트 했는가에 상관없이 모든 카테고리와 해당하는 시퀀스들을 담은 리스트를 가져온다. 여기서 포인트는 ON DUPLICATE KEY UPDATE 부분이다. 리스트를 가지고 반복문을 돌리면서 SEQ, CATEGORY 를 insert 하되, 기존에 중복되는 값은 update 되는 방식. 즉,..

MySQL 2020.12.17

== 와 === 은 확실히 다르다

가볍게 예를 들어, String 0 인 변수 a , Number 0 인 변수 b var a = "0"; var b = 0; 가 있다고 하자. 데이터 타입이 다르므로, 분명 a 와 b 를 비교하면 false 가 나올 것 같다. a == b 는 true 이다. 한편 === 를 쓰게 되면? a === b 는 false 이다. === 가 == 에 비해 좀 더 엄격하게 비교한다는 것을 알 수 있다. 즉, == 는 값만 비교하지만 === 는 값과 데이터 타입을 모두 비교한다. [참고 velog.io/@filoscoder/-%EC%99%80-%EC%9D%98-%EC%B0%A8%EC%9D%B4-oak1091tes]

JavaScript 2020.12.14