Today I Learned...

한 회사에 지원했는데 처음으로 과제형 문제를 수행하게 되었다.말로만 들었던 과제형 면접을 처음으로 수행하게 되었는데, react의 기초를 다지며 재미있게 진행했다. 디자인은 신경쓰지 않아도 된다고 해서 편했다.메뉴 선택 화면 (홈 화면)쿠폰 선택 화면결제하기 화면대기하

WIne FInd 프로젝트 진행간 사용했던 Next.js에 대해 적어보려 한다.

Next.js Redirect 문제 해결방법에 대한 영상을 찍었다. 처음 찍어봐서 긴장됐지만 영상을 만들며 더 자세히 해당 문제에 대해 이해하게 되었고 다음에는 마주쳐도 금방 해결할 수 있다!!유튜브에서 보기배포 후 리다이렉트를 했을 때, 모든 페이지에서 인덱스 페이지

HTML이 어떤 버전으로 작성되었는지 미리 선언하여 웹브라우저가 내용을 올바로 표시할 수 있도록 해주는 것cookie : 클라이언트/서버, 5KB, 서버와의 통신, XSS / CSRF 공격에 취약local storage : 클라이언트, 명시적으로 지울때까지, 5MB /

최근에 다양한 기업들에 신입 프론트엔드 개발자로 서류를 지원하였다. 다양한 회사에 지원해보며 부족한 부분들을 채워가며 취업준비를 해나가면 좋다는 재현 엔지니어님의 조언을 받고, 스타트업부터 중소기업, 중견기업 대기업에 이르기까지 다양한 회사에 지원했다. 어떤 기준으로

https://github.com/Ryanromaris/dreamCoding 딱 1년전 드림코딩의 프론트엔드 코스를 수강했었다. 드림 코딩에서 공부했던 내용들을 통해 웹개발에 대한 이해에 정말 많은 도움이 됐었다. 하지만 그 당시에 공부했던 내용들을 잊어버리기도 했고,

크롤링의 정의는 웹 페이지를 그대로 가져와서 거기서 데이터를 추출해 내는 행위이다. 그 과정을 간단히 작성하자면,1\. 필요한 정보를 웹에 요청하고2\. 그 결과를 받아서 파싱(다듬기)을 하고3\. 우리가 원하는 공간(DB)에 저장하는 것.의 순서로 진행된다. 해당

엊그제 처음으로 한 회사에서 최종합격 전화를 받았다. 프론트엔드 개발자로 취업을 준비하면서 정말 내가 개발자로 한 팀에 속해서 일을 할 수 있을까 많이 고민하기도 하고 힘들었던 순간도 많았지만, 이렇게 좋은 순간도 찾아오고 정말 행복하다! 서류전형 -> 코딩테스트 ->

request/response -> Loading -> scripting -> rendering -> layout -> paintingscripting 까지의 과정을 construction, 그 이후를 operation이라고 부른다. Rendering Tree를 만들

오늘도 드림코딩 복습이다!쇼핑 목록을 추가할 수 있고 없앨 수 있는 간단한 기능과 더불어 몇가지를 추가적으로 적용시켜 보았다.add버튼 클릭 말고 엔터키로도 추가되게 하기리스트가 칸을 초과할 때 생기는 스크롤 없애기아무것도 입력하지 않고 add하면 추가되지 않게하기re

UseRef를 언제쓰는가 변화는 감지해야 하지만, 그 변화가 렌더링을 발생시키고 싶진 않을 때 사용!!

어제 만든 숫자세기 게임을 직접 해보고 싶다는 친구의 요청으로 전부터 해보고 싶던 git page를 이용해 보기로 했다! 무료로 간단하게 배포할 수 있어서 참 좋은 것 같다!https://ryanromaris.github.io/jerrynote/추가적으로 클릭

preventDefault() 이벤트 위임 부모요소는 자식 요소에서 발생하는 모든 이벤트를 들을 수 있다. 부모 안에 있는 자식들에게 공통적으로 무언가 처리해야 할 때, 일일이 eventListener를 붙이는게 아니라 부모에 등록하는 것이 좋다. 이벤트 위임