TIL 052523

https://velog.io/@raram2/CSS-%EB%A7%88%EC%A7%84-%EC%83%81%EC%87%84Margin-collapsing-%EC%9B%90%EB%A6%AC-%EC%99%84%EB%B2%BD-%EC%9D%B4%ED%95%B4

CSS 마진 상쇄(Margin-collapsing) 원리 완벽 이해

마진 빡침 현상 ㅋㅋㅋ쿠ㅜ큐

---

https://stackoverflow.com/questions/45100570/vscode-ctrl-s

VSCode Ctrl + S

ctrl+s로 저장할 때 마지막 빈 한줄이 없어지는 현상이 오늘 2번 발생

수정하다가 분명 파일을 원래 상태로 똑같이 되돌렸는데 M이 떠 있어서 이것저것 찾다가 맨 마지막 줄의 빨간 삼각형을 발견했다.

visual studio code의 settings에서 format을 검색한 후 Editor: Format On Save의 체크박스를 해제한다.

혹시 몰라서 마지막 한줄 문제를 해결하고나서는 다시 체크해놨다.

---

https://jinnynote.com/learn/web/css-center-align/

[CSS] element 중앙 정렬 방법(div, button 태그) – Jinny Note

margin: auto로 글작성하기, ai 버튼을 중앙 정렬했다.

---

http://goldeastsun.blogspot.com/2015/10/button.html

button줄바꿈

버튼 안의 텍스트 줄바꿈

<br>

---

https://velog.io/@mamba77/CSS-07.-Margin-Padding

[CSS] 07. Margin & Padding

그냥 바깥쪽은 margin, 안쪽은 padding인줄 알았는데 border를 기준으로 안과 밖이었다.

어쨌든 margin-right 조절 실패 ㅜㅠ

margin-left는 되는데 왜 right만 안되는건지 모르겠다.

그냥 class="container"를 삭제 ㅜㅠ

---

https://heinafantasy.com/110

버튼 <button>에 onclick 링크걸기

href말고 onclick으로 링크 걸기!

현재창: onclick="location.href='article_detail.html?id=${article.id}'"

새창: onclick="window.open("링크주소")

---

https://velog.io/@haleyjun/JavaScript-filter-%EC%82%AC%EC%9A%A9%EB%B2%95

JavaScript : 🚰 filter 사용법

let animals = [
  { species: 'mammalia', name: "cat" },
  { species: 'reptiles', name: "lizard" },
  { species: 'amphibia', name: "flog" },
  { species: 'mammalia', name: "dog" },
  { species: 'amphibia', name: "salamander" }
];

  let result = animals.filter((value) => value.species == 'mammalia')
  

console.log(result);

 

대괄호([])와 헷갈렸는데 점(.)으로 그냥 타고타고 가져오면 된다.

article의 작성자(user) 정보에 nickname도 있고 pk도 있으면 value.user.pk

---

https://stackoverflow.com/questions/3450593/how-do-i-clear-the-content-of-a-div-using-javascript

How do I clear the content of a div using JavaScript?

전체 게시글을 먼저 지우고 내 게시글을 불러올 때 지우는 clear() 이런 함수가 따로 있을 것 같았는데 innerHTML=""으로 해결했다.

const mybutton = document.getElementById("main_mybutton")

mybutton.remove()

이렇게 element를 없앨수도 있다.