개발일지

꿈을 꾸는자 이 자들은 씨앗이 크고 굵어요. 작은 것에 만족하는 것이 소확행이 아니라 작은 것에 만족하는 그 행복을 통해서 내가 우주적 넓이로 커질 수 있다는 것 때문에 소확행의 의미가 있는거지 이렇게 큰 생각과 작은 행복을 연결시키는 용기가 없으면 그냥 이 작은 행복만 만들어 내는거죠 그럼 무라카미 하루키한테 완전 속은거에요 https://www.youtube.com/watch?v=-4aFvCgVQso

https://ko.javascript.info/closure 변수의 유효범위와 클로저 ko.javascript.info let 함수의 변수 선언은 코드블로{…} 안에서만 사용할 수 있습니다. ‘렉시컬 환경’은 명세서에서 자바스크립트가 어떻게 도악하는지 설명하는데 쓰이는 ‘이론상의’ 객체 입니다. 따라서 코드를 사용해 직접 렉시컬 환경을 얻거나 조작하는 것은 불가능. 단계 1. 변수 자바스크립트에선 실행 중인 함수, 코드 블록 {...}, 스크립트 전체는 렉시컬 환경(Lexical Environment) 이라 불리는 내부 숨김 연관 객체(internal hidden associated object)를 갖습니다. 렉시컬 환경 객체는 두 부분으로 구성됩니다. 환경 레코드(Environment Record) ..

유튜브 구독이 된 얄팍한 코딩사전 세미콜론 영상이 올라와 바로 작성해본다 https://www.youtube.com/watch?v=hJjYvVOEO7s 코딩을 처음 시작할때 파이썬에서도 그랬고 세미콜론을 안찍어주면 오류가 나기도했는데 또 어느 부분은 세미콜론을 안찍어도 작동이 되는 부분도 있었다. 그래서 결국은 가로가 끝날 때면 그냥 다 붙여버렸다 코드를 짜다보면 어떨때는 세미콜론을 자동으로 붙여준다 개발자의 의도와는 다르게 세미콜론을 찍거나 안찍어준다. 이를 ASI라고 한다. (Automatic Semicolon Inserion, 자동 세미콜론 삽입) 특징은 줄바꿈을 찾아내 자동으로 세미콜론을 붙여준다. 신경써줘야 하는 부분을 아래 예시로 확인해보자 1. 줄 바꿈에 자동으로 찍힐 때 왼쪽사진과 같이 세..

개발 공부를 시작하니 총 3달이 되어 가는 과정에 급한 진도를 빼느라 따라했던것들이 잘못된것이라면?? 혹은 잘못된지도 몰랐다면?? 홀리시이시이잇~ 그래서 몇가지 피드백 받은것들을 적어보자구 1. action.payload에는 한가지 값만 들어간다. 위에는 모르고 디스패치에 값을 여러개 넣어놓고 그냥 쓰고있는거다 정작 들어간느건 username 하나일것이다. 근데 회원가입과 로그인에는 전역상태가 필요없으니 확인도 안하고 그냥 저렇게 코드를 내버려 두고 있었다. 리더님이 말한다 이게 왜 여기에서 필요한지 이유를 꼭 생각하라고. 혹시나 사용한다면 이런식으로 담아서 data를 보내야겠지 2. 미들웨어를 왜 쓰는지 리덕스 미들웨어는 액션과 리듀서의 중간자이고 액션을 디스패치 할 때 사전에 지정된 작업을 실행할 수..

오늘은 아침에 일어나 하루 종일 Refresh Token에 매달렸다ㅎㅎㅎㅎ 아침에 일어나서 어제 봤던 JWT와 Token 자료들을 훑어보고 점심 지나 시작하려했지만 진짜 어떻게 시작을 해야할지 몰라서 리더님께 도움좀 청하고 큰 틀과 'setTimeout은 일단 두고 토큰 두개가 받아오는지부터 확인하시죠' , 코드는 블로그에서 이 부분을 사용하시면 금방 하실걸요? 와 함께 시작했는데 또 조언 몇번 받으니까 매끄럽게 풀리는 느낌이었다. 서버오류 500과 함께 백엔드에 서버문의를 드리고 요청과 응답 부분을 합의하면서 나도 오류 몇개 고쳐보고 진행하니 오래 걸리지않고 토큰을 받아오게 되었다! 그리고 타이머를 걸어 토큰만료 1분 전에 새로운 토큰을 받아오게 세팅했다. 아 그전에 아침부터 읽었던 JWT와 토큰, 그..

https://tansfil.tistory.com/58?category=475681 쉽게 알아보는 서버 인증 1편(세션/쿠키 , JWT) 앱 개발을 처음 배우게 됐을 때, 각종 화면을 디자인해보면서 프론트엔드 개발에 큰 흥미가 생겼습니다. 한때 프론트엔드 개발자를 꿈꾸기도 했었죠(현실은 ...) 그러나 서버와 통신을 처음 배 tansfil.tistory.com 1. 이미 발급된 JWT에 대해서는 돌이킬 수 없습니다. 세션/쿠키의 경우 만일 쿠키가 악의적으로 이용된다면, 해당하는 세션을 지워버리면 됩니다. 하지만 JWT는 한 번 발급되면 유효기간이 완료될 때 까지는 계속 사용이 가능합니다. 따라서 악의적인 사용자는 유효기간이 지나기 전까지 신나게 정보들을 털어갈 수 있습니다. -> 해결책 기존의 Acces..

아직 와이어프레임이 안나와서 기능 구현에 힘을 실었다. 처음이다 보니 많이 더욱 더 얼탈줄 알았는데 옆에 멘토같은 리더님이랑 코드를 그래도 조금 써봤다고 전에 CRUD할 때 보다는 많이 성장했다고 느꼈다.. 그래도 한참 멀었지만?! 먼저 유효성 검사 코드는 이렇다. // 유효성검사 if (id === "" || pw === "" || nick === "") { alert("아이디, 닉네임, 비밀번호를 모두 입력해주세요."); return; } // 이메일 검사: '@', '.' 이 둘다 포함될것. const isValidEmail = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; if (!isValid..

6월 27일 해야 하는 것 CI/CD 연결 확인 기술 스택 선정 코드 규칙 정하기 커밋 규칙 정하기 ** 기술 스택 선정 ** - Redux Toolkit → 이걸 쓴다 O / 전역 상태 관리 - 전역적으로 사용할 전역 데이터도 사용 - 미들웨어를 통해서 axios 에서 가져온 데이터를 툴킷에 넣어서 사용 - React Query → 리덕스를 기준으로 작성을 하고 시간 남을 때 쿼리로 재작성 (자기파트) - Styled-Components / tailwind → 같이 * 코드 규칙 - camelCase → 첫글자는 소문자 단어마다 대문자 * 코드포매터 prettier * 태그 id는 camelCase, 클래스명 (_) * 커밋 규칙 https://jason-api.tistory.com/89 https:/..