밤토리
728x90
[JS] 페이지 이동 "location.href" 와 "location.replace"의 차이점
Frontend 2024. 8. 2. 21:39

웹 페이지를 개발하다보면 location.href와 location.replace를 혼재하여 쓰는 경우가 있다. 이번 이슈 중 도메인이 서로 다른 팀에서 운영하는 페이지에서 로그아웃 처리 후 닫기 버튼을 누르면 redirect 처리를 해야하는 일이 생겼는데 아래의 내용을 정리해보았다. 둘 다 새로운 페이지 이동에 쓰이지만 사용 용도에 따라 다르게 쓰는것이 좋다. [출처] https://soo-vely-dev.tistory.com/250#--%--location-href%EB%-E%--%-F 특징location.hreflocation.replace브라우저 기록기록에 남음기록에 남지 않음뒤로 가기 지원사용 가능사용 불가, 이전의 이전으로 이동사용 사례일반적인 페이지 이동로그인 후 메인 페이지로 이동 등형태속..

article thumbnail
[JS] Optional Chaining 연산자 사용 방법
Frontend/Javascript 2023. 5. 13. 17:08

안전하게 객체에 deep하게 접근하기 위해 현업에서 &&연산자를 활용하여 접근했었다. 편하긴한데, 자주 사용하다보면 이게 꽤 지저분하게 보이는것을 확인할 수 있었다. 그래서 Optional Chaining 연산자를 활용해보며 조금 깔끔하게 사용하는 방법에 대해 공유를 합니다. 임직원 객체에 대한 정보가 아래와 같습니다. 예를들어 emp안에 info라는 객체 안에 job이라는 객체 안에 "pay"라는 값에 대해서 가져오고싶다고 가정합니다. const emp = { name: 'kim', info: { empNo: 1001, job: { position: 'FE-Dev', pay: 1234 }, }, }; 1. && 연산자 아래는 &&연산자를 활용하여 접근했습니다. 이렇게 접근하다보면 .으로 접근하여 같은 ..

728x90