분류 전체보기
-
9월 17일 TIL - 모듈 번들러가 뭘까TIL(미사용) 2019. 9. 17. 22:26
참 멍청~하다~~ 이거 몇 번째 공부하는 거냐~ 개발 모듈 번들러란 모듈 번들러는 JavaScript의 조각과 JavaScript의 dependencies를 하나의 파일로 묶어주는 툴입니다. 보통 브라우저에 사용합니다.다. 예를 들어 WebPack이라는 모듈 번들러가 있습니다. 번들러는 크게 두 개의 단계를 거칩니다. 1. Dependency resolution 2. Packing entry point(가장 상위 파일을 말하는 듯)에서 시작해보면, dependency resolution의 목표는 코드에서의 모든 dependencies를 찾고 그래프로 만드는 것입니다. 이 때 만들어진 그래프를 dependency graph라고 합니다. 위의 과정이 끝나면 pack하거나 dependenct 그래프를 어플리케..
-
9월 16일 TIL - jsx boolean attributeTIL(미사용) 2019. 9. 16. 22:34
와우... 오늘 매우 놀라운 코드를 발견했다. 간단하지만 처음 보는... 개발 참고: https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-boolean-value.md JSX에서 boolean attribute를 사용할 때는 값을 true로 설정해도 되고, attribute만 써줘도 된다는 사실이었다! 참고: https://reactjs.org/docs/jsx-in-depth.html#props-default-to-true 알고보니 공식 문서에서도 찾을 수 있었는데... 정말 게으르게 공부했구나 생각이 든다. 조금 번역을 해보면 Props Default to "True" 만약 값이 없는 prop을 pss한다면, 이 값은 ..
-
9월 4일 TIL - css calc, position & containing blockTIL(미사용) 2019. 9. 4. 23:55
개발 대충? 끼워 맞춰서 css를 하다가 정확하게 원리를 알고 하려고 하다 보니 뒤늦게... 배우는 것들이 많다... 1. calc 함수 ㄱ. 문제 상황 자식 div가 나란히 있을 때 한쪽은 고정된 크기를 주고, 다른 한쪽은 남은 너비를 모두 차지하고 싶을 때가 있었다. 엄청 당연하게 코드를 치려는 순간 '어?? 어떻게 하는 거지;;' 라는 생각이 들었다. ㄴ. 해결 방법 생각보다 매우 쉬웠다. calc 함수를 사용하면 됐다. 가변하시옵소서... 영역은 부모의 100% width에서 300px을 빼고 나서 자리를 차지하게 된다!! ㄷ. 발전 만약 옆에 있는 요소와 최소 px을 띄우고 너비에 따라 일정 비율을 띄우고 싶다면? marginLeft 값을 calc(5% + 15px)로 설정하면 된다! ㄹ. 주의..
-
9월 2일 TIL - css positionTIL(미사용) 2019. 9. 2. 21:15
개발 오늘은 css position에 대해 공부하려고 한다. 완전히 모르는 개념은 아니지만 뭔가 어영부영 쓰는 기분이 들어서 정리하려고 한다. position의 값 static 기본적인 값이다. 설정하지 않아도 static relative A 영역 B 영역 relative는 static을 기준으로 몇 px을 움직일지를 결정한다. fixed 페이지가 스크롤 되더라도 늘 같은 곳에 위치하도록 한다. absolute static 속성을 가지고 있지 않은 부모를 기준으로 움직입니다. 막상 정리하니까 진짜 암것도 없네 괜히 어영부영했다... 영어 오늘은 모르는 문장이 없었다. 천천히 해석해서 그런 거 같기도 하구...
-
8월 26일 영어 문장, 개발 TIL - sequelize associationTIL(미사용) 2019. 8. 26. 23:06
개발 오늘 시퀄라이저를 사용해서 테이블 간 관계 설정을 하려고 하는데 헷갈리는 부분이 있어서 정리를 해보려고 한다. ㄱ. 문제 상황 Book 테이블은 판매하려는 책과 관련된 테이블이다. - id, title 등등... WishBook 테이블은 책을 찜했을 때 생기는 테이블이다. - bookID, userID 등등... 처음엔 WishBook에 있는 bookID는 한 개의 Book테이블의 엔티티를 가진다고 생각해서 wishBook.belongTo 함수를 사용했다. 그리고 Book 테이블에 있는 책 한 권은 여러 개의 WishBook의 bookID에 사용될 수 있으므로 book.hasMany 함수를 사용했다. 그런데 book.hasMany 함수를 사용하지 않아도 wishBook 데이터를 가져올 때 join된..