공부하는 블로그

Timeline CSS 작성 빔캠프 의 작심삼일 CSS 코스를 듣고 있다. 왜 작심삼일이냐하면, 매주 토요일에 3주간 진행되기 때문이다. (3일) 그런데 사실 CSS라는게 참 애물단지 같고, 막연한 어려움을 가지고 있던 녀석이었다. 어떻게 공부해야 잘 하는 건지도 모르겠고, 알수 없는 것들 투성이에, 그냥 삽질 좀 하다보면, 그리고 구글링 좀 하다보면 어찌어찌 되는 녀석이었기에 공부를 미루고 미뤄왔던 것 같다. 지난주 토요일에는 첫 시간을 나갔는데, CSS의 block level elements와 inline의 특성과 선택자 우선순위 동작방식, 네거티브 마진에 대한 이해를 배웠다. MDN 을 통해서 CSS 속성이 가진 기본 값이 무엇인지에 대해서 생각해보게 되었다. 사실 MDN 문서에서 width 의 속..

console.log에 대해 알아보자자바스크립트를 자주 사용하는 경우, console.log()를 사용하여 정보를 출력해야 할 때가 많습니다.아래는 보통 오랫동안 많이 써온 방식입니다.(() => { console.log('Success!') })()에러 로그에 console.error () 사용로그를 좀 더 시각적으로 낫고 재미있는 방식으로 만들 수 있는 몇 가지 방법이 있습니다.(() => { console.error('헉, 뭔가 잘못되었네요!') })()경고 로그는 console.warn() 사용(() => { console.warn('경고!, 뭔가 잘못된 것 같습니다!') })()iterable 오브젝트에 console.table() 사용function Person(firstName, lastNa..

리액트와 뷰로 같은 앱을 만들어 보았다.(Part 2: Angular)리액트와 뷰로 같은 앱을 만들었는데, Angular가 안 낄수 없죠!Part 1을 아직 읽지 않았습니까? 여기에서 확인하세요.저는 Angular를 매일 직장에서 사용하지만, 자바스크립트 세계에서는 다른 모든 프레임 워크에 대한 정보는 얻을 수 없었습니다. 나는 같은 사과라도 이것저것 비교하는 것을 좋아합니다! 그래서 React vs Vue에 대한 Sunil Sandhu의 글에 숟가락을 얹게 되었습니다. 자, 여기 React vs Vue vs Angular의 비교입니다!앱의 외형은 어떨까요?[Player 3 이 게임에 입장하였습니다]Part 1과 마찬가지로 css는 다른 두 프레임워크의 위치와 거의 비슷합니다.이 Angular 애플리케이..