😎주말동안 뭐함 아이폰 배터리 교체를 위해 서비스센터에 들렀다... 왔습니다. 사실 오늘도 교체 맡겨놓은 거 수령하러 가야함 배터리 교체 하는 사람이 많아서 당일 수령이 거의 안되나 보더라구요 😎자바스크립트 2주차가 되면서 공식적으로 자바스크립트를 배우게 되었읍니다. 오늘 분량은 코드기초, 타입 , 변수네요 대체로 알고 있는 내용이긴 하지만 자바스크립트 엔진에 대한 설명이 있어서 그동안 미루어왔던 v8 엔진에 대해서 좀 더 찾아봤습니다. 그러던 중 이해하기 쉽게 잘 정리해주신 블로그를 찾아서 그 블로그를 천천히 읽어봤어요 https://evan-moon.github.io/2019/06/28/v8-analysis/ 아주 유익하니 읽어보시길 추천드립니다 v8엔진에 대한 정리는 나중에 찾아보기 쉽게 따로 포스..
😎계산기를 만들자 컨셉은 블루아카이브의 몰?루로 해봤어요 원래는 평범하게 윈도우 계산기를 카피해보려고 했는데 잘만드는 사람이 너무 많아서 그냥 킹받는 걸 컨셉으로 숫자패드를 헷갈리는 연산으로 대체해봤습니다. 1,2,3,4,5,6,7,8,9,0 모두 잘 들어가있습니다. 아로나는 몰?루니까 계산기를 쓰시는 분들이 직접 계산하셔서 버튼을 찾으셔야합니다. 😎Animate.css 애니메이션 효과를 주면 재밌을 것 같아서 혹시 그런 라이브러리가 없을까 하고 찾아보다가 발견한 라이브러리입니다. 사용법이 아주 간단해서 마음에 드는데 https://animate.style/ Animate.css | A cross-browser library of CSS animations. Animate.css is a library ..
😎 너무 졸리다. 이런 규칙적인 생활.. 너무 오랜만이다. 낮엔 졸려서 커피 없이는 견딜 수가 없다. 벌써 목요일인게 확실히 시간이 빠르긴한듯 밤 9시면 꾸벅꾸벅 졸려서 자는 생활을 반복하고 있다. 😎flex를 좀 더 잘 알아봐야겠다. flex,grid는 크게 부모요소에 적용해야할 것과 자식요소에 적용해야할 것으로 나뉩니다. 부모요소에 적용시킬 것 flex 부모요소 display : flex 부모요소의 display를 flex로 적용시킨다. flex-direction 부모요소 row column reverse row reverse column flex의 방향을 결정함 flex-wrap 부모요소 nowrap(기본값) wrap wrap-reverse nowrap이면 줄바꿈을 하지 않음 wrap이면 자식요소들..
일찍 자고 일찍 일어나는 생활습관을 가지니 어제 하다만 계산기 만들기를 마저 해보려구요 가 아니라 어제 얼추 만들었음 https://codepen.io/adckqaty-the-bold/pen/vYzYywm vYzYywm ... codepen.io 코드펜에서 실행해볼 수 있습니다. 😎 얼마나 구현했는지 1. 입력창을 비워주는 clear 버튼 구현 2. 최근 입력한 것을 지워주는 백스페이스 버튼 구현 3. 여러자릿수의 사칙연산 구현 4. 실시간으로 입력한 값들을 볼 수 있도록 구현 5. = 버튼 구현 😎 이벤트 버블링 네가 뭔데.. 이벤트 버블링이란 이벤트가 아래에서 위로 전파되는 것을 의미합니다. 사실상 이것덕분에 멘탈 터질뻔함 대략 이문제로 40분 정도 고민한 것 같다. 문제 상황은 이랬음 부모요소의 이..
오늘 목표는 Section1 내용들 중 내가 잘 모르는 내용들을 흝어보는 것이었습니다. 리눅스 부분이랑 개념은 이해하지만 사용하는데에는 아직 익숙치 않았던 DOM 을 조작하는 메서드들에 익숙해져봐야겠다는 것이 목표 😎 리눅스.. 어케하는건데 CLI 환경에서는 마우스 대신 키보드로 모든 작업을 해결합니다. 그렇기 때문에 마우스로 해결해오던 작업을 키보드로 할 줄 알아야해요 익숙해진 명령어는 괜찮은데 역시.. 잘 모르겠네요 😎 CLI 환경의 기본적인 명령어들 pwd (print working directory) 현재위치를 확인 할 수 있는 명령어입니다. 현재 위치가 헷갈릴 때 사용하면 좋겠네용 mkdir (make directories) 폴더를 생성하는 명령어입니다. mkdir은 생성할 폴더의 이름을 함께 ..
😎 addEventListner의 사용법 addEventListener(type, listener, options) MDN에 따르면 이벤트리스너는 이런식으로 사용합니다. 이벤트의 타입을 첫인자로 주고 콜백함수를 두번째 인자로 주는거죠! 근데 제가 항상 귀찮았던 부분은 저 type값을 모른다는겁니다. type값은 문자열 형태로 전달해야하고 소문자로 이루어져있습니다. 'click' 요소에 마우스를 클릭했을 경우 'dbclick' 요소에 마우스를 더블 클릭 'mouseover' 요소 위로 마우스를 움직였을 때 'mouseout' 요소 바깥으로 마우스를 움직였을때 'mousedown' 마우스를 누르고있을 때 'mouseup' 눌렀던 마우스 버튼을 뗄 때 'contextmenu' 마우스 오른쪽버튼 눌렀을때 'k..
😎 코드스테이츠 프론트엔드 44기 합격 그게 뭐 대단한거임? 취업한것도 아니고 부트캠프 들어간걸로 좋아하다니..? 근데 그것마저도 한번 떨어지고 붙은 사람이 있다? 뿌슝빠슝 한번 떨어지고나서 자소서를 좀 더 공들여서 작성한 뒤 합격했다. 하여간 저때 43기를 떨어지고나서 독학을 하면서 느낀 가장 큰 단점은 나태해지기 쉽다는 것이었다. 나름 그와중에도 개발에 재미가 붙어서 아예 놓지는 않았지만 확실히 공부시간이 줄어든 게 체감이 되었음 최소한의 억제기 역할을 하던 열품타를 안하게 된 것도 꽤 영향이 있는듯? 원래도 블로그는 쓰지만 블로그 매일 작성하면 작은 리워드를 준다해서 따로 또 작성해봅니다. 😎 밤낮부터 바꿔야 해 내 안좋은 습관 중 하나인 수면시간 제멋대로하기를 강제로 봉인당했다. 매일 아침 9시에..
😎 함수형 컴포넌트와 클래스형 컴포넌트의 차이? 열심히 구글링을 하며 웹서핑을 하던 중 흥미로운 게시글을 발견했습니다. https://overreacted.io/ko/how-are-function-components-different-from-classes/ Dan Abramov이란 redux, Creat React App의 공동저자이신분이 작성한 게시물인데 클래스 컴포넌트와 함수형 컴포넌트의 차이를 좋은 예시를 통해 길게 설명을 해주는 게시물입니다. 단순히 함수형은 라이프사이클 API를 사용할 수 없다거나 hook을 사용한다거나 하는 것이 아닌 명확한 차이를 설명해주어서.. 아주 유익했지만.. 제 머리로는 쉽게 이해하기 힘들었으므로 정리해보겠습니다. 실제 게시물을 읽어보면 CodeSandBox사이트를 ..
