본문 바로가기

분류 전체보기45

객체의 불변성에 대해서 / Object.defineProperties 그동안 객체의 불변성을 위해서 Object.freeze()를 사용해왔는데 mdn을 보다보니 이에 대한 좀더 심층적인 탐구가 가능할것 같아서 객체안의 모든 값들은 값만 가지고 있는게 아니라 각각의 키와 값에 대한 속성들을 가지고있고 이에대해서 한번 정리해보면 좋을것 같아 작성해보게되었다. 일단 그간 알고있던 사실부터 조금 정리하고자한다. Object.freeze() const student = { name: "마이클", grade:"A" } 객체에 대한 예시 하면 유난히많이 나오는 학생 객체를 하나 다음과 같이 만들었다. Object.freeze(student) student.name="잭슨" 다음과 같이 freeze를 하고 이름을 바꾸면 이름은 바뀌지않는다. 예전에는 당연히 studnet.name="잭슨.. 2024. 4. 6.
프론트엔드의 로그 설정기 -1 : 사용자 행동 로그 사내에 적극적으로 안정적인 시스템 개발과 운영을 위해서 데이터독을 추진하였고, 이에 대한 결과로 로그에 대한 관심도 많아져서 겸사겸사 정리해본다.   글 목차 1. 로그? 2. 구체적으로 어떤 활동과 이벤트를 기록하는가? 3. 기록한건 어디다 쓰는가? 4. 프론트엔드에게 로그가 중요할까? 5. 의미있는 로그?6. 사용자 행동 로그 남기려면? (feat 유저스토리) 7. 로그에 포함될 정보와 포함되면 안될 정보?8. 맺음   1. 로그(log)? 로그(log)는 컴퓨터에서 일어나는 모든 종류의 활동, 이벤트를 기록한 것이다.  2. 구체적으로 어떤 활동과 이벤트를 기록하는가?  어플리케이션의 상태, 실행된 작업, 발생한 오류, 시스템 경고, 트랜잭션(데이터베이스 상태 변화 수행 작업 단위) 정보 등 다양한.. 2024. 2. 4.
Next js / Nice Api 사파리 아이폰 405 에러 트러블 슈팅 과정 목차 1. 문제상황 2. 문제 상세정의 과정 3. 문제 해결 1. 문제상황 Nice본인인증 Api 가 구글 크롬과 안드로이드에서는 정상 작동하지만 아이폰과 사파리에서는 405 method not allowed가 뜨면서 실패하는 상황 *부가적인 문제상황 1) 해외에서 쓰는것이 아니다보니 영어로 검색해도 해당 레퍼런스가없다. 2) 나이스 api 측에 전화해서 문의해도 레퍼런스가 없다는 답변 3) Next 13.4 버전 에서 발생했으나 추후 해결 한 것으로 봐선 버전이랑은 크게 연관이없다는 게 내 생각이다. 일단 검색했을때 이 문제에 대해서 해결방안이 적혀있는곳이나 힌트를 전혀 찾지 못했음으로 누군가에게 도움이 되길바라는 마음으로 이에 대한 글을 남겨둔다. 문제해결방법을 보고싶다면 3. 문제해결로 바로 점프하.. 2024. 1. 23.
2023년 회고 2022년은 내가 개발자를 마음 먹은 한해로 큰 의미가있었다 2023년은 어떻게 보냈고 어떤 의미가있었는지 되돌아 보고자 한다. 변화1. 공부에서 왔던 대공황의 진정 웹 개발에 대한 공부를 시작한 작년 한해는 늘 대공황의 연속이였다. 뭔가가 나오면 이건 또 뭔 개념이지? 하는 생각과 모종의 피로도 같이 따라오곤 했다. 계속해서 모르는 개념이 나왔고. 공부를 계속하면 할 수록 배워야될 게 끊임없이 나온다고 느꼈다. 2023년 중후반쯔음에는 그런 생각이 조금 진정된 것 같다. 공부를 꾸준히 해서 그런것도 있고 한편으로는 반복에 의해서 새로운것이 별로 안 두려워진 것도 있는것 같다 참고로 요새는 운영체제, 클린 리액트 , aws , next js, 블렌더 등등을 배우고 있다. 변화2. 균형 과 안정감 개인적으.. 2024. 1. 21.

티스토리툴바