본문 바로가기

전체 글98

원씽, 복잡한 세상을 이기는 단순함의 힘 세상에 정답인 길은 없다지만, 길에서 벗어난 듯한 요즘의 기분에 불안함을 많이 느끼는 요즘입니다. 혼란한 이 마음에 해야할 일은 너무나 많게 느껴져 버겁고 더 벅차기만 했습니다. 그런 제가 읽었으면 좋겠다며, 이 책을 추천받아 저번 주말동안 책을 읽었습니다.일상의 TodoList를 만들어 진행하던 저에게 다시금 중요한 것을 일깨워준 책입니다.중요하지 않은 TodoList로 작은 성취를 만들어 나가는 만족감을 채울 것이 아닌 중요한 단 한가지에 힘을 쏟아야 함을 생각하게 되었습니다.현재는 단기적인 목표를 가지고 있지만 매일, 매순간 중요한 단 한가지를 고민하며 무엇이든 임해야겠다는 마음 가짐을 가지게 되었습니다.기존에 사용하던 TodoList도 One Thing 항목을 만들어 그 날 꼭 해야할 한가지를 선.. 2024. 10. 15.
Session 기반 인증 vs JWT 우선 위 방식을 알아보기 전에, 인증과 인가에 대한 정의를 짚고 넘어가 봅시다. 인증과 인가인증(Authentication)은 로그인이고, 인가(=권한 부여, Authorization)는 로그인한 유저의 권한 검증(관리자 페이지 접근)입니다.즉, 인증은 자신이 누구인지 증명하는 것을 의미하고, 인가(권한 부여)는 인증된 주체에게 특정 작업을 수행할 수 있는 권한을 확인하는 것을 의미합니다.참고로 HTTP 상태코드에서 401(Unauthorized)은 인증과 관련된, 403(Forbidden)은 인가와 관련된 오류 상태 코드입니다.이제 인증과 인가를 알았으니 어떻게 구현할 수 있을까요?로그인을 분명히 했는데도 불구하고 페이지 이동에 따라 로그인이 풀려 계속 다시 로그인을 해야 한다면 사용자 입장으로서 엄청.. 2024. 10. 8.
Suspense 이해하기 react 공식문서를 보고 정리한 글입니다.Suspense란?자식 요소가 로드되기 전까지 화면에 대체 UI를 보여주는 것}> children: 궁극적으로 렌더링 하려는 실제 UI (위 코드에서는 SomeComponent)fallback: 실제 UI가 로드되기 전까지 대신 렌더링 되는 대체 UIReact node 형식은 무엇이든 대체 UI로 활용가능하나, 보통 로딩 스피너나 스켈레톤처럼 간단한 placeholder를 활용한다. Suspense는 children의 렌더링이 지연되면 자동으로 fallback으로 전환하고, 데이터가 준비되면 children으로 다시 전환한다.fallback의 렌더링이 지연되면, 가장 가까운 부모 Suspense가 활성화된다.React가 특정 컴포넌트를 마운트하기 전에, 비.. 2024. 10. 8.
크롬 프로필로 환경 분리하기 오늘의 문제, 너무 많은 크롬창과 탭 모두 닫고 필요할 때 열어서 사용하고 싶다.지금 내 크롬은 완전히 포화상태다...🤯이게 뭐냐면 내가 지금 열어놓고 쓰고있는 chrome의 창이다..근데 더 문제는 하나의 창에 또 많은 탭들이 열려있어 쌓이기만 한다는 문제에 직면해 버렸다 🥲  나름 창을 사용에 따라 분리해 빠르게 찾아쓰겠다는 목적으로 이렇게 맥북에 데스크톱으로 나눠놨는데 (개발 블로그용, 강의용 등등)데스크톱에 이름을 지정할 수 없고 사용하다 보면 순서가 계속 바뀌어 필요할 때마다 찾아야 하는 불편함이 있다.그리고 너무 많은 창을 안쓸때도 그냥 계속 띄워놓고 있다 보니까,너무 불필요하게 메모리 소모가 되어 불편했다.  너무 정리가 안 되는 상태에서 도저히 안 되겠다 싶어서 방법을 찾다가 아주 간단.. 2024. 10. 2.
DLCA Tech-Tree CON 기록 이번에 DLCA Tech-Tree CON을 신청했다~!원래는 오프라인으로 가서 들을까 했는데, 너무 감사하게도 라이브가 Youtube에서 제공되어 편하게 들었다 :)(지금도 녹화본이 제공되니 궁금한 사람은 들어봐도 좋을 것 같아 링크를 공유합니다~!) 우선 궤도님의 강연부터 시작해 모두 유명하신 분들이라 다 듣고 싶어 라이브를 켜놓고 틈틈이 들었다.모든 것을 메모하진 않았고, 기억에 남는 부분만 메모한 강연도 있으니 혹시 이 글을 읽으시는 분들은 참고하시길! 기술이 바꿀 미래와 과학의 역할 - 궤도과학적 발전이 대단해도 사실 일반인인 우리들은 만들어진 것을 사용만하는 입장이다.과학자가 아닌 이상 크게 과학적 발전에 대해 소름이 끼치는 경험을 하진 못한다.하지만 지금 이 시간에도 과학자들은 계속해서 문제를.. 2024. 9. 26.
F-Lab 프론트엔드 1개월 후기 TMI나는 마지막으로 다니던 회사를 퇴사한 지 꽤 오랜 시간이 흘렀다.실제로는 작년 4월 말 퇴사, 남은 연차 소진까지 해서 서류상으로 작년 5월 둘째 주 퇴사로 되어있다.그 사이 나는 한 두달 블로그 체험단을 하며 쉬기도 하고,iOS에 관심이 생겨 Swift 강의를 한두 달 독학하고 부트캠프에 들어가 6개월 과정을 수료했다.iOS 부트캠프 처음 시작할 때는 경력이 있으니 남들보다 빠르게 배우고 빠르게 취업이 목표였는데언어가 다르고 기본기도 부족했던 탓에 배울 게 너무 많았고 6개월의 시간이 순식간에 지나갔다.결국 처음 목표와 달리 취업과 동시에 수료는 이뤄내지 못했고,이후 취업을 위해 매번 생각만 하던 냉장고 관리 앱 개인 프로젝트를 하나 만들었지만 출시까진 하지 않고 고민에 빠졌다. 나는 생각보다 .. 2024. 9. 25.
07. 클래스 (코어 자바스크립트) 책을 읽은 지는 꽤 지났지만, 다시 한번 복습 겸 기록을 남겨보려고 합니다. 책을 읽고 요약해 정리한 내용의 전문은 제 개인 노션에 정리해 놓았습니다. 이전 글 : [FRONT-END/JavaScript] - 06. 프로토타입 (코어 자바스크립트) 06. 프로토타입 (코어 자바스크립트)책을 읽은 지는 꽤 지났지만, 다시 한번 복습 겸 기록을 남겨보려고 합니다. 책을 읽고 요약해 정리한 내용의 전문은 제 개인 노션에 정리해 놓았습니다. 이전 글 : [FRONT-END/JavaScript] - 05. 클로rarla-j.tistory.com  클래스클래스는 하위로 갈수록 상위 클래스의 속성을 상속하면서 더 구체적인 요건이 추가 또는 변경됩니다.클래스의 속성을 지니는 실존하는 개체를 인스턴스라고 합니다. 프로그.. 2024. 9. 24.
06. 프로토타입 (코어 자바스크립트) 책을 읽은 지는 꽤 지났지만, 다시 한번 복습 겸 기록을 남겨보려고 합니다. 책을 읽고 요약해 정리한 내용의 전문은 제 개인 노션에 정리해 놓았습니다. 이전 글 : [FRONT-END/JavaScript] - 05. 클로저 (코어 자바스크립트) 05. 클로저 (코어 자바스크립트)책을 읽은 지는 꽤 지났지만, 다시 한번 복습 겸 기록을 남겨보려고 합니다. 책을 읽고 요약해 정리한 내용의 전문은 제 개인 노션에 정리해 놓았습니다. 이전 글 : [FRONT-END/JavaScript] - 04. 콜백rarla-j.tistory.com  프로토타입'자바스크립트는 프로토타입 기반 언어다.' 라는 말 들어보셨죠?클래스 기반에서는 상속을 사용하지만, 프로토타입 기반 언어에서는 어떤 객체를 원형으로 삼고 이를 복제(참.. 2024. 9. 23.
05. 클로저 (코어 자바스크립트) 책을 읽은 지는 꽤 지났지만, 다시 한번 복습 겸 기록을 남겨보려고 합니다. 책을 읽고 요약해 정리한 내용의 전문은 제 개인 노션에 정리해 놓았습니다. 이전 글 : [FRONT-END/JavaScript] - 04. 콜백 함수 (코어 자바스크립트) 04. 콜백 함수 (코어 자바스크립트)책을 읽은 지는 꽤 지났지만, 다시 한번 복습 겸 기록을 남겨보려고 합니다. 책을 읽고 요약해 정리한 내용의 전문은 제 개인 노션에 정리해 놓았습니다. 이전 글 : [FRONT-END/JavaScript] - 03. this (rarla-j.tistory.com  클로저(Closure)클로저의 정의클로저란 어떤 함수 A에서 선언한 변수 b를 참조하는 내부함수 C를 외부로 전달한 경우 A의 실행 컨텍스트가 종료된 이후에도 변.. 2024. 9. 22.

티스토리툴바