공부 (171) 썸네일형 리스트형 sass를 사용하고나서 느낀점 sass는 css 전처리기의 한 종류입니다. 전처리기라는 말이 와닿지 않았고, css를 작성하기 전 사용해서 도움이 되는 처리기 정도로 받아들였습니다. (sass 중에서도 scss를 기준으로 작성합니다) 웹 브라우저는 css 확장자밖에 해석하지 못하기 때문에, sass 파일로 작성하더라도 컴파일 과정을 거쳐 css 파일로 변경됩니다. 벌써 장점을 느꼈는데, 컴파일한다고 하였으니 컴파일 과정에서 error가 발생하게 됩니다. css 작업을 하면 에러가 발생했을 때, 어디인지 찾거나 에러가 발생해야 되는 상황에서도 넘어가며 '왜 안되지'라는 생각을 많이 하곤 했는데, error가 발생하면 컴파일 자체가 되지 않으니 에러 발견에 용이합니다. 또한 프로그래밍에서 사용되는 변수, 함수, 상속, 반복문 등의 개념을.. 객체지향 객체 : 작용의 대상이 되는 쪽 지향 : 어떤 목표로 뜻이 쏠리어 향함 -> 객체를 지향한다? 객체를 추구한다? = 여기서 지향보다는 위주, 선호라고 하는 것이 좋음 Object Oriented 객체 위주라고 이해하는 것이 편하다 = 한마디로 객체 갖고 놀자 class와 object class = 추상(abstract) object = 실체(instance) 1.클래스는 표현 대상의 특징에 대한 서술 2.오브젝트는 클래스의 인스턴스이다 =클래스가 실체로 만들어진 것 오브젝트는 데이터와, 데이터에 대한 조작의 묶은 것 오브젝트의 모양은 클래스에 서술 객체지향언어의 세가지특성 1.캡슐화 2.상속석 3.다형성 캡슐화 : 데이터와 데이터를 다루는 조작을 묶는 것 상속성 : 하나의 클래스 가지고 있는 특징(데이터.. 깃허브 협업 github repository를 하나 만든다. (팀장이) fork를 뜬다(팀원이) git clone 주소로 폴더를 생성 (팀장, 팀원 모두) git branch develop과 git checkout develop으로 develop branch를 만들고 이동 (팀장, 팀원 모두) 각자 작업 진행 팀장과 팀원의 origin은 팀장의 레포 (git remote add origin '팀장이 만든 레포 주소') 팀원의 rmorigin은 fork 한 자신의 레포 (git remote add rmorigin 'fork 뜬 주소') 팀원이 작업 완료 시 (branch는 develop임) git add "변경한 파일" 또는.(전체) git commit -m 'test' git push rmorigin develop .. React-Router 학습 마운트 될때부터 언마운트 될때까지 과정 오버라이딩 (상속) 부모의 메소드를 호출하거나 부모의 메소드를 덮어써서 나만의 메소드로 바꿀 수 있는것 '필수' 랜더 = 없으면 쓰로우 발생 나머지는 옵셔너블 크게 마운트 / 언마운트 가장먼저 컨스트럭터 componentWillMount (써보신적이 없다고함) : 특정한 이유로 쓰긴할텐데.. -> 마운트 할려고해, 돔이없음 render componentDidMount Will/Did (어플리케이션을 만드느 모든 프레임워크가 가지고있음) ex) VueDidload props나 state가 바뀌면 render가 되는데 그과정에서 라이프사이클이 있음 componentWillReceiveProps < props가 바뀌면 여기서부터 shouldComponentUpdate< .. 리액트 class형 컴포넌트 리액트 라이브러리를 학습하면서 컴포넌트를 만드는 방식은 두 가지 알고 있다 class, hooks 공통적으론 import React from "react"; class 방식에선 class 컴포넌트명 extends Component {} 방식과 class 컴포넌트명 extends React.Component 두 가지 방법을 사용했다. 차이라면 import 문에 {} 디스트럭처링 방식으로 component를 넣냐 마냐만 알고 있었는데, React.PureComponent 방식으로 컴포넌트를 생성 시 state 값을 기존의 state와 비교하여 변화가 발생하였을 때만 렌더링 한다는 정보를 얻게 되었다. 정보가 사실이라면, 리액트 라이브러리는 state 값을 주시하고 있다가 '변화'가 생겼을 시 자동으로 렌더링.. 리액트 튜토리얼 https://ko.reactjs.org/tutorial/tutorial.html#inspecting-the-starter-code 자습서: React 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 리액트 튜토리얼 참조 React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다. 여기에서 ShoppingList는 React 컴포넌트 클래스 또는 React 컴포넌트 타입입니다. 개별 컴포넌트는 props라는 매개변수를 받아오고 render 함수를 통해 표시할 뷰 계층 구.. 모듈 모듈과 라이브러리는 비슷한 개념이다. 모듈이 프로그램을 구성하는 작은 부품으로써의 로직을 의미한다면 라이브러리는 자주 사용되는 로직을 재사용하기 편리하도록 잘 정리한 일련의 코드들의 집합을 의미한다고 할 수 있다. 프로그래밍의 세계에는 라이브러리가 많다. 좋은 라이브러리를 선택하고 잘 사용하는 것은 프로그래밍의 핵심이라고 할 수 있다. jquery , react 생활코딩 / 모듈 참조 데이터의 수정 기존의 배열을 수정하지 않고 사본 만드는 방법 중 내가 아는 것 b = a.slice(); 일반적으로 데이터 변경에는 두 가지 방법이 있습니다. 첫 번째는 데이터의 값을 직접 변경하는 것입니다. 두 번째는 원하는 변경 값을 가진 새로운 사본으로 데이터를 교체하는 것입니다. 객체 변경을 통해 데이터 수정하기 var player = {score: 1, name: 'Jeff'}; player.score = 2; // 이제 player는 {score: 2, name: 'Jeff'}입니다. 객체 변경 없이 데이터 수정하기 var player = {score: 1, name: 'Jeff'}; var newPlayer = Object.assign({}, player, {score: 2}); // 이제 player는 .. 이전 1 2 3 4 5 6 7 ··· 22 다음
