분류 전체보기
-
Node.jsWeb/nodeJS 2019. 11. 20. 17:37
자바스크립트 : 브라우저를 위해 고안된 언어. Node.js : 내장되어있는 자바스크립트를 브라우저 밖으로 가지고 나와서 유저가 사용할 수 있게 한 것. Laravel이나 장고를 쓰지 않고 Node.js를 써야하는 때? 아무것도 들어있지 않지만 필요한 것을 마음대로 추가할 수 있음 많은 데이터를 다뤄야 할 때(Database...많은 유저들, 실시간...채팅) Laravel(PHP)이나 장고(파이썬)를 써야하는 때? 이것저것 필요한 게 다 들어있는 걸 원할 때 사용하려면 먼저 배워야 함 (동영상 처리 서버, 동영상 처리, 유튜브...서버의 램이나 하드웨어를 건드려야 할 때)
-
리액트 네이티브 VS 플러터Web/React 2019. 11. 19. 14:24
리액트 네이티브 VS 플러터 리액트 네이티브(함수형) 페이스북이 만듬, 플러터에 비해 지원이 적고 오픈소스 프로젝트임 페이스북도 리액트 네이티브에 100% 의존하지 않음 뭔가 필요하면 외부에서 가져와야함 호스트의 규칙을 존중함 자바스크립트 (npm 패키지) 이용가능 버그가 많음 플러터(객체지향) 구글이 만듬, 지원이 어마무시함, 모든 걸 그 안에서 제공하려고 함. 네이게이션, 카메라, 아이콘, 애니메이션, 트랜지션 등이 이미 다 갖춰져있음. 올인하다가 서비스를 갑자기 종료하기도 함 구글의 규칙이 강하게 나타난다. 그걸 없애는데 시간이 걸림. Dart가 슈퍼 객체지향 구글이 정리를 아주 잘해놨음(영상으로도 잘 설명되어있음) 버그가 거의 없고 모든 것이 스무쓰함 리액트 네이티브에서 쉬운 것은 어렵고 리액트 ..
-
PostCSS-SelectorsWeb/CSS 2019. 10. 30. 06:30
:maches HTML link link link link link link link link CSS li:matches(:nth-child(even), .target) { background-color: blue; } Output 예상되는 결과 : 짝수child(2, 4, 6, 8)와 target class(3)에 배경화면 blue가 설정될 것이다. *even : 짝수/odd : 홀수 :not HTML link link link link link link link link HTMLHTML CSS li:not(.target) { background-color: red; } Output
-
Node.js & ParcelWeb/CSS 2019. 10. 29. 22:00
오늘은 PostCSS를 배우기 위해서 Node.js와 Parcel을 설치했다. Parcel : https://en.parceljs.org/ Node.js : https://nodejs.org/en/download/current/ Parcel Blazing fast, zero configuration web application bundler parceljs.org Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 강의에 나와 있지 않은 세부사항들은 구글링을 통해서 채워가며, 그래도 모르겠는 부분들은 유추해가며 겨우겨우 설치에 성공했다. 다른 사람들의 댓글과 강사님의 답변으..
-
CSS GridWeb/CSS 2019. 10. 29. 20:11
Grid Column(***Line을 기준으로 작성한다.) .box:first-child{ grid-column: 1/3; } Row Start and End(*Line을 기준으로 작성한다.) .box:first-child{ grid-column-start: 1; grid-column-end: 5; } 이렇게 작성하면 grid-column-start: 1; grid-column-end: -1; -1을 적으면 자동적으로 맨 마지막 line으로 이동하게 된다. 위처럼 적으면 한 라인을 다 차지하게 됨. (1 ~ -1 : 모든 범위를 의미함.) Line naming grid-template-columns: [coffee-line] 1fr [macaroon-line] 1fr [cake-line] 1fr [ame..
-
CSS-master 수강시작Web/CSS 2019. 10. 29. 15:57
grid-auto-columns https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns grid-auto-rows https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows fr(fraction의 약자) https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fr 공부하다가 헷갈리는 개념은 MDN에 검색하면 된다. + Grid는 매우 편한 기능이다. 그런데 댓글을 보다가 알았는데 React Native는 Grid를 지원하지 않는다고 한다. 아직 이게 정확히 무슨 의미인지는 모르겠지만 Grid기능없이 flexbox로만 웹을 짜야한다면 비교..