www(World Wide Web): 웹서버에 붙인 이름, 웹을 설계한 사람이 최초로 만든 브라우저 겸 HTML 편집기도메인은 개인 자격으로 취득할 수 있다.네트워크 제어는 브라우저나 애플리케이션이 하는 게 아니라 OS 가 담당한다.브라우저: 여러 클라이언트 기능을 하

Dan Abramov 가 운영하는 overreacted 블로그에 포스팅 된 글로, 올라온 지는 좀 됐다. useEffect 에 대해 오해하고 있는 부분에 대해 원리부터 상세하게 설명되어 있다. (글 원문)22일, 23일 총 이틀에 걸쳐서 읽었는데 왠지 글은 하나만 써야

onSuccess, onError and onSettled have been removed from Queries. They haven't been touched for Mutations. Please see this RFC for motivations behind t

글또 8기도 이 글로 끝이 납니다. 마지막 글또 마무리 겸 얼마 전 회사 입사 1주년이 지나서 입사 후 1년 회고를 해볼까 합니다.운이 좋아 꽤 이른 나이에 취업에 성공했습니다. 그러나 입사 전부터도 개발을 해야 하는 동기나 목표를 잃어서 방황하고 있었던 터라 입사 후

가장 큰 목표는 사내에 테스트 코드를 짜는 문화를 도입하는 것이었습니다.회사에 처음 입사했을 때 기존 서비스를 다른 프레임워크로 컨버팅 하는 업무를 맡게 되었습니다. Nuxt.js 를 Next.js 로 변경하는 작업이었는데, 어려운 로직은 없었지만 프레임 워크를 변경했

이전에 Next.js Image 컴포넌트가 어떻게 동작하는지 설명했습니다. 이번에는 Next.js 이미지 컴포넌트를 가지고 어떻게 이미지 최적화를 시도했는지 설명드리도록 하겠습니다. 설명에 앞서서 제가 한 방식이 옳은 방식인지 아직 모르겠으며 시도하고 있는 과정 중에

최근 프론트엔드 개발자로 일을 하면서 반복되는 작업만 한다는 느낌을 받았습니다. API 연결하고 화면을 만들고 하는 업무도 물론 중요하지만 질적인 성장을 하고 싶다고 생각하던 중에 이 책을 소개받았습니다. 목차를 보니 제가 모르는 내용들, 그렇지만 꼭 알아야 할 것 같

이미지를 빠르게 로드하여 사용자 경험을 향상시키는 것을 의미합니다. 이미지를 최적화하는 방법은 여러 가지가 있습니다.이미지 크기 줄이기이미지 압축 방법 변경하기(webp 등)사이즈 적절하게 설정하기Cumulative Layout Shift(CLS) 제거하기저는 Next

https://youtube.com/shorts/mjsDKjgdke0?feature=share야근하고 집에 오는 택시 안에서 영상 하나를 시청하게 되었다. 토스팀에서 만든 영상인데, 제목은 ‘바쁠수록 일단 멈춰야 하는 이유’ 다. 계속 밀려드는 일에 점점 몸이

개강 전에 시간표를 짤 땐 의욕이 넘쳤다. 취준? 그런 건 필요없고 지식의 장에 왔으니 졸업 전 마지막으로 공부로 한 번 불살라보자 는 마음으로 임했는데 막상 개강하고 나니 취준을 해야될 것 같아서 듣고 싶었던 수업 2개를 드랍했다. 생활 일본어랑 천체 수업이였는데 듣

벌써 7기 글또 마지막 글을 쓰게 되었습니다. 5월에 7기 시작할 당시는 대학교를 다니던 학생이었는데 그동안 회사에도 취직하고 여러 활동들을 하면서 많이 성장한 것 같습니다.6월 둘째주부터 인턴을 시작하게 되면서 굉장히 바쁜 시간을 보냈습니다. 5월에 글또를 시작했지만

6월에 제주도에서 열렸던 웹 컨퍼런스 참여 이후 3달 만에 컨퍼런스에 참석하게 되었다. 제주도 웹 컨퍼런스 이후에 ‘컨퍼런스는 웬만하면 참석한다.’ 는 신조(?) 가 생겨서 이번 JSConf도 바로 티켓을 끊었다. 16만원이라는 가격이 살짝 부담스럽기는 했지만 세션들

cookie란, 웹 서버가 브라우저에 보내는 데이터 문자열로, 브라우저가 미래에 동일한 도메인에 request를 보낼 때 서버가 각 사용자를 식별하기 위해 사용된다. 쿠키는 이름=값 형태의 리스트를 가지며 Set-Cookie 또는 Set-Cookie2 같은 HTTP r

React Native에 자주 사용되는 세 가지 스크롤 컴포넌트를 정리해보았다. ScrollView, FlatList, SectionList 의 각각의 쓰임새와 차이점에 대해 설명해보려고 한다.렌더링 해야 되는 컴포넌트가 적을 때 주로 사용한다. 모든 자식 compon

expo 사용 금지expo 없이 react native를 만드는 것은 처음이라 세팅부터 애를 많이 먹었다.. 혹시 나 같은 사람이 있을까 싶어서 세팅기를 공유해보려고 한다.기본적으로 나의 컴퓨터 상태는m1 macbook provolta 사용 ( node 16.16.0

모듈 : 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각모듈은 기능을 기준으로 파일 단위로 분리한다.모듈이 성립하기 위해서는 자신 만의 파일 스코프를 가져야 한다.자신만의 파일 스코프를 갖는 모듈의 자산은 기본적으로 캡슐화되어 다른 모듈에서 접근할 수

에러에 대처하지 않으면 프로그램이 강제 종료되기 때문에 try … catch 문을 사용해서 에러에 적절하게 대응해야 한다.직접적으로 에러를 발생시키지 않는 예외적인 상황에 경우에 있어서도 적절하게 대처하지 않으면 에러로 이어질 수 있다.ex) querySelector에

현재 회사에서 기존에 서비스하던 웹뷰 페이지를 컨버팅하는 일을 맡게 되었습니다. 지금까지 웹뷰는 빠르게 만들어서 배포해야 하는 특성이 있어 페이지들의 breakpoint가 모두 다른 상황이었습니다. breakpoint에 대한 합의없이 디자인이 나오고 작업을 하다가 디자

벌써 글또가 시작된 지도 2주나 지나서 오늘이 마감일이 되었다. 지원할 당시에 쓰고 싶었던 내용들이 참 많았는데 아직 글을 한 개도 안 올린 나를 보며 반성의 마음이 저절로 생긴다. 역시 나는 아직까지도 숙제가 있어야 움직이나보다.. 다시금 마음을 새롭게 하기 위해서

오랜만에 정말 재밌게 푼 문제다. 😊해당 문제의 주안점은 두 가지이다.'L', 'R' 일 때 회전 처리노드의 각 방향마다 방문처리 (dfs인 것 같긴 한데 확실치 않다)마지막에 4, 5, 6, 7, 8 런타임에러를 발생시킨 재귀대신 while로 푼 코드도 올려놓았다.