개발 179 [개발환경] 프론트엔드 개발환경의 이해와 실습 강좌 후기 프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..) - 인프런 | 강의 이미 만들어 놓은 개발 환경을 이해할 수 있어요. 처음부터 직접 개발 환경을 만들 수 있어요., 웹팩, 바벨, 린트 같은 프론트엔드 기술을 이해하고 실무에 적용해 보세요! [사진] “웹팩은 팀에 www.inflearn.com 인프런에 올라온 프론트엔드 개발환경의 이해와 실습 강조 후기입니다. 대부분의 주니어 개발자는 다음과 같은 이유로 개발환경 세팅은 접해보지 못했으리라 생각합니다. 이미 다른 사람에 의해 되어있다. (프로젝트 중간에 합류) 프론트 엔드도 모르는데 개발환경 세팅까지 할 여유는 없다. 그냥 되어있는대로 써도 동작하기에 상관없다. 위의 3가지는 솔직히 제 얘기입니다. 새로운 프로젝트를 시작했.. 2021. 7. 23. [자바스크립트] 스크롤에 연동되는 fade 효과를 구현하는 3가지 방법 요새 css와 자바스크립트를 이용해서 interactive webpage에 대해 관심을 가지고 공부하고 있다. 특히 유튜버 중에 Interactive Developer 이분을 보면서 수준 차이를 확실히 느끼고 있다. Interactive Developer 코드로 만드는 애니메이션, 영감, 실리콘밸리의 생활과 해외취업에 대해 이야기 합니다. https://blog.cmiscm.com/ www.youtube.com 이런 와중에 이분의 포트폴리오 사이트를 보게되었고, 초라한 내 포폴 사이트에 디자인적 요소를 하나씩 추가해보면 어떨까 싶어서 시간 날 때마다 추가하고 있다. 저번에는 버튼 클릭시 소리가 나는 기능을 추가해봤고, 이번에는 스크롤에 따라 fade in, out이 되는 기능을 추가해보려고 한다. 그럼 .. 2021. 7. 22. [리액트] table에는 thead와 tbody가 필요해요(feat. react 형님들) 여느때와 같이 리액트 컴포넌트를 만들고 나서 동작을 확인하고 있는데 콘솔창에 다음과 같은 에러가 떴다. 하.. warning 로그가 있으면 뭔가 큰일 날거같고 너무 허접해보이니 생기면 없애는 나에겐 스트레스다. 그러니 한번 해결해보자. Warning: validateDOMNesting(...): cannot appear as a child of . Add a , or to your code to match the DOM tree generated by the browser. 바로 구글링 해보면 react 상에서 table를 쓸때에는 되도록 thead 와 tbody 태그를 써서 해야한다고 되어있다. thead와 tbody 태그를 넣어주니 바로 콘솔경고는 사라졌다. 하지만 나는 이전까지 thead와 tbod.. 2021. 7. 19. [타입스크립트] 인터페이스 vs 타입 에 대하여 제가 배운 바로는 타입스크립트는 자바스크립트에 타입이 추가된 슈퍼셋 언어라고 배웠습니다. 그래서 타입을 선언할 때 interface 대신에 type를 쓰는 것이 뭔가 옳아 보인다고 생각하기도 했습니다. 하지만 어쩔때는 type보다 interface를 많이 쓰는 것을 보고 어느 것이 옳은 것인가 고민을 하다 제가 선택한 방법은 누군가 type으로 써놓으면 나도 type으로 선언하고 interface가 많으면 interface를 쓴다. 제가 이러한 방법을 생각한 이유는 적어도 일관성은 유지되지 않을까 라는 생각과 복붙의 용이성 때문이었습니다. 그 후에 이펙티브 타입스크립트를 읽으며 습득한 지식에 따르면 다행스럽게도 폐급 수준은 아니었음을 확인하였습니다. 책의 내용을 두괄식으로 요약하자면 저자 형님은 3가지를.. 2021. 7. 12. 이전 1 ··· 15 16 17 18 19 20 21 ··· 45 다음
