TIL 070623

https://codingbroker.tistory.com/73

[javascript] 뒤로가기(이전 페이지), 앞으로가기(다음 페이지) 구현 - window.history.back(), forward(), go()

뒤로가기

window.history.back()

왜인지 window.를 빼야 적용된다.

---

https://yongku.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8JavaScript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8JavaScript-%EC%A3%BC%EC%86%8C%EC%B0%BD-%ED%8C%8C%EB%9D%BC%EB%AF%B8%ED%84%B0-%EC%97%86%EC%95%A0%EB%8A%94-%EB%B0%A9%EB%B2%95

[자바스크립트/JavaScript] 자바스크립트(JavaScript) 주소창 파라미터 없애는 방법

https://chois82.tistory.com/18

브라우저 url에서 파라미터 지우기 [javascript]

파라미터는 잘 없어지지만 뒤로가기 버튼으로 다시 페이지에 접근했을 때 에러가 발생해서 적용시키지 않았다.

---

innerHTML을 innerText로 바꾸면서 종종 안에 small 태그를 사용해서 부가적인 정보를 집어넣은 곳이 문제였다.

내용은 innerText로 적용하면서 small 태그 부분은 또 html로 읽어야했다.

이때 innerText로 일단 텍스트를 넣어준 후 그 앞이나 뒤에 html을 insert시켜주는 걸 검색으로 발견해서 사용!

https://kit-developer.tistory.com/27

innerHTML 사용하지마!

Element.insertAdjacentHTML("어디에 넣을건지", "넣고 싶은 html")

https://developer.mozilla.org/ko/docs/Web/API/Element/insertAdjacentHTML

Element.insertAdjacentHTML() - Web API | MDN

beforebegin/afterbegin/beforeend/afterend

---

https://velog.io/@hsecode/nth-child

[CSS] CSS 선택자 : nth-child / nth-of-type

https://tamagotch.tistory.com/108

JS queryselector nth-child 예제 및 사용법

리스트에서 특정할 수 있게 고유한 id로 구분하는 것보다 nth-child로 내용을 넣어준 후 appendchild하는게 더 좋아보인다.

---

https://multifidus.tistory.com/182

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

또 검색 ㅎㅎㅎ

object-fit: cover; width:100%; heigth:100%;

---

https://stackoverflow.com/questions/4777077/removing-elements-by-class-name

Removing elements by class name

개인정보에서 프로필 사진은 놔두고 그 아래 성별, 연령대, 지역, 시군구만 없애고 싶어서 그 정보들의 클래스를 이용하여getElementsByClassName한 후 .remove() 해주면 다 없어질 줄 알았는데 에러가 났다.

---> for문으로 하나씩 없애줘야한다.

---

https://victory-ju.tistory.com/1

[Angular] 자바스크립트 뒤로가기 데이터 유지

뒤로가기를 눌렀을 때 이전에 검색하던 장소 리스트가 그대로 남아있어서 여러 장소들을 볼 수 있었으면 좋겠다는 피드백이 있었다.

그래서 방법을 찾아보던 중 적용할 수 있을 것 같은 글을 찾아서 따라해보는데 에러 발견.

JSON.parse가 문제인 것 같았다.

https://domdom.tistory.com/149

[오류해결] Uncaught SyntaxError: Unexpected token ' in JSON at position 1

https://stackoverflow.com/questions/30194562/json-parse-not-working

JSON.parse() not working

그냥 앞에 JSON.parse 부분을 빼주니 해결됐다.

---

https://ko.javascript.info/localstorage

localStorage와 sessionStorage

https://6developer.com/6

[Javascript/Jquery] 클릭이벤트 강제 발생 (자바스크립트 or 제이쿼리)

이전에 검색했던 내용을 sessionStorage에 저장했다가 돌아가기 버튼을 누르면 그 정보들로 검색한 페이지를 다시 보여주게 만들었다.