목록전체 글 (210)
개발의 시작과 끝
생활코드 11강 - 컴포넌트 만들기 리액트에서 컴포넌트는 웹 문서에서 어떠한 내용을 보여주기 위한 기본적인 단위로 자바스크립트 함수와 흡사하다고 보면 된다. 또한 이러한 컴포넌트는 props를 입력으로 받아서 리액트 요소를 반환하는 형태로 동작한다. 컴포넌트를 바라보는 첫 번째 시각은 정리정돈이다. 컴포넌트의 이름에만 집중하게 함으로써 복잡도를 획기적으로 줄일 수 있다. 그렇게 되면 더 많은 복잡도에 도전할 수 있는 여지가 생기게 된다. 정리 전 WEB world wide web! HTML CSS JavaScript HTML HTML is HyperText Markup Language. 정리 후 class Subject extends Component { render() { return ( WEB wor..
생활코딩 33강 - 객체의 활용 주간모드, 야간모드 코드 객체화 참고 - www.youtube.com/watch?v=JNaX6EG9-FI&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=33
생활코딩 32강 - 객체프로퍼티와 메소드 객체에 소속된 변수의 값으로 함수를 지정할 수 있고, 객체에 소속된 함수를 만들 수 있다. 객체에 소속된 함수를 메소드라고 하고, 객체에 소속된 변수를 프로퍼티라고한다. 출력 값 programmer : egoing designer : leezche bookkeeper : duru data scientist : taeho showAll : function() { for(var key in coworkers) { document.write(key + ' : ' + coworkers[key] + ' '); } } 참고 - www.youtube.com/watch?v=mjzx1qbyPwU&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=32
생활코딩 31강 - 객체와 반복문 일일이 코드를 작성하지 않아도 반복문을 사용하면 데이터를 꺼낼 때 모든 데이터를 순회하면서 필요한 데이터가 있는지 없는지 확인할 수 있다. 출력 값 programmer : egoing designer : leezche bookkeeper : duru data scientist : taeho 참고 - www.youtube.com/watch?v=GIB8O6R3wko&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=31
생활코딩 30강 - 객체 쓰기와 읽기 객체는 쉽게 말해 이름이 있는 정리정돈 상자라고 생각하면 된다. 출력 값 programmer : egoing designer : leezche bookkeeper : duru data scientist : taeho 참고 - www.youtube.com/watch?v=2j04s1erzTs&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=30
생활코딩 28강 - 함수의 활용 함수를 사용하면 스크립트를 여러 번 쓰지 않고도 함수 호출만으로 간결하게 쓸 수 있다. 참고 - www.youtube.com/watch?v=WsPJ8FsoMcU&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=28
생활코딩 27강 - 함수(리턴) 매개변수를 통해서 들어가는 값을 리턴을 사용하면 다양한 용도로 함수를 사용할 수 있다. Return 참고 - www.youtube.com/watch?v=6MzCHO8M3Uc&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=27