본문 바로가기

전체 글

 (235)
[TIL-2022.10.13] 1.알고리즘 스터디 : 스터디를 하면서 갑자기 커링을 사용할 수 있는 부분이 눈에 보였다. 그래서 기존의 코드를 커링을 사용하는 방법으로 리팩토링을 해봤는데, 심히 재미있는 순간이었다. 2.귀에서 피빼기 : 주짓수를 하다보니, 귀에 피가 계속 찬다... 그냥 넘어갔었는데 아무래도 귀가 아파서 병원에 갔다. 이미 귀가 조금 변형되었다고 한다ㅜ 만두귀... 오늘은 피를 뺐다. 꽤 아프더라. 귀보호대를 구매해야 할 까보다.. 3.함수형 자바스크립트 책읽기 : 함수형 너무 재미있다. 사실 객체지향보다 더 재미있다. 왜 함수형이 더 재미있게 느껴지는지는 아직 이유를 잘 모르겠다. 내가 자주 사용하는 함수를 예시로 들어서 그런걸까? 4.드롭다운 만들기 : 드롭다운을 만드려고 했는데, 내가 굳이 이걸 다 만들어줄 필..
오디오북의 유익 몇 번 오디오북을 듣다가, 그만 뒀었다. 오디오북으로 책을 읽으면, 들은 내용이 잘 휘발된다는 특성 때문이다. 최근에는 자주 듣고 있다. 설거지를 할 때나, 밥 먹을 때, 이동 시간에 듣는다. 명확한 문장이 머릿속에 남지 않는다는것은, 분명한 사실이다. 하지만, 이 책이 말하는 맥락은 머릿속에 남아있다. 그리고 그것이 내 사고방식에 젖어 들어간다. 최근 들었던 책은 총 4권이다. 탁월함의 발견, 설득의 논리학, 업스트림, 오리지널스. 탁월함의 발견은 나다움을 찾아가는 사람에 대한 이야기였고, 설득의 논리학은 다양한 논리의 기법들을 설명해주고 있었고, 업스트림은 문제해결를 해결할 때 근원적인 문제를 해결하는 접근법을 설명하고 있었고, 오리지널스는 독창성을 지닌 사람들의 특징에 대한 이야기였다. (오리지널스..
[TIL - 2022.10.11] 1.알고리즘 스터디 : 아침 8시30분-9시50분까지 알고리즘 스터디를 진행했다. 2.오브젝트 5장 정리 : 지난번에 읽었던 오브젝트 5장을 한번 더 정리했다. 3.nextjs 이미지 최적화 글쓰기 : https://velog.io/@yesbb/Nextjs%EC%97%90%EC%84%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%B5%9C%EC%A0%81%ED%99%94%ED%95%98%EA%B8%B0 오늘은 이렇게 글을 작성하는데에 시간을 투자했다. 4.멘토링 : 오늘은 멘토링 날이어서 멘토링을 진행했다. 멘토링을 듣다보니 몇가지 내가 작성한 글에서 추가해야 할 내용이 보였다. png와 jpg 차이, picture 태그에 대한 설명. 디스크 캐시와 메모리 캐시의 차이. 하루 체크리스트 ..
HTTP cache-control에서 max-age와 s-maxage의 차이점 max-age의 경우 캐싱할 데이터를 몇 초 동안 fresh한 상태로 인지할 것인지를 지정할 수 있다. s-maxage의 경우 cdn처럼 shared cache에 대해서 캐싱 기간을 설정해줄 수 있다. 토스에서는 브라우저에서는 캐싱을 하지 않고, CDN에서만 캐싱을 하기 원했기 때문에, s-maxage=31536000, max-age=0 이런 방식으로 캐싱을 해주었다고 한다. https://stackoverflow.com/a/15972973 Does it make sense to have max-age and s-maxage in the Cache-Control HTTP header? Considering that max-age applies to all the caches, and s-maxage on..
[TIL-2022.10.10] 타입스크립트의 필요성 #TIL base64, yarn berry-typescript, nextjs이미지 최적화 글쓰기 1.base64는 디비에 넣어선 안된다. 잘 알지 못하고 base64 이미지를 통째로 디비에 넣어버렸다. 애초에 base64는 저장을 목적으로 만들어진 형태가 아닌데, 잘못된 선택이었던 것 같다. 그래서 이미지를 불러올 때, 해당 방식을 바꾸기로 했다. getStaticProps에서 이미지를 불러올 수 있도록 다시 만들어야 할 것 같다. 작업을 하던 중 에러를 만났다. 이미지 최적화하는 작업 브런치를 yarn berry로 마이그레이션 했던 브런치로 리베이스를 했는데, 로컬에서 실행할 때는 문제가 없는데, 빌드를 하는 경우 아래와 같은 문제가 발생한다. 보통 이런 에러는 특정 라이브러리에 타입 파일을 가지고 있..
[WIL-2022.10.09] 주간회고 주간회고는 딱히 해본 적이 없다. 그런데, 요즘 일일 회고를 하는게 꽤 유익하다는 것을 스스로 느끼고 있다. 이 참에 주간회고도 같이 해볼까 한다. 회고는 딱히 누군가 보라고 작성하는 글은 아닌 것 같다. 그저 작성해두니, 스스로에게 도움이 되는 것 같다. 주간회고는 어떻게 해볼까. 1.순공시간 10시간 만들기 : 우선 내가 목표로 하고 싶은게 있다면, 순공 시간 10시간을 만드는 것이다. 그런데, 이번주는 그걸 성공한 적이 없는 것 같다. 그나마 많이 공부한 날은 9시간 정도. 그러면 이번주에 내가 순공 10시간에 실패한 이유는 무엇이었나? 1.늦잠 2.유튜브 3.슬랙 메시지 확인 이 3가지가 결정적인 원인이었다. 그래서 이번주에 목표를 세워보기로 했다. 1.늦잠 -> 하루 7시간 미만으로 자기. 2...
[Nextjs] nextjs 이미지 컴포넌트 비율 맞추기 넥스트js에선 이미지의 비율을 맞추는게 마음처럼 되지 않는다. 요렇게 요상하게 나오는 이미지를 볼 수 있다. 나는 이런 그림을 원하지 않는다. 내킨김에 공식문서를 차분하게 읽은 다음 적용을 해보았다. 그리고 아래와 같이 코드를 작성해주었다. ... const ImageWrapper = styled.div` width: 320px; height: 200px; position: relative; `; 우선 layout="fill"을 적용해준다음, objectFit 속성을 적용한다. objectFit은 말그대로 우리가 css에서 사용하던 그 object-fit이다. 나는 cover를 원했기 때문에 cover를 적용했다. 그리고 내가 원하는 이미지의 사이즈를 저 이미지를 덮어주는 태그에 넣어줬다. 이때 posi..
[TIL - 2022.10.08] 1.오픈소스기여하는 법 : 오픈소스 하려고 할 때, 내가 먼저 찜해놓아야 한다. 먼저 찜해놓아야 본인이 차지해서 할 수 있다. 먼저 올려둔 이슈에 대해서 메인테이너가 도와준다. https://github.com/firstcontributions/first-contributions/issues/29706 Inconsistency in links to translations · Issue #29706 · firstcontributions/first-contributions Hello everyone, as I have noticed there is a slight inconsistency in the available languages flags in the readme other languages sect..

티스토리툴바