초보개발자 개발일지

44일차(1)/React(5) : React 저장소 clone하기 / React 코드 리뷰 - 어떤 어플리케이션이 항상 GUI가 있는 것은 아니다. - 화면상에 나타나진 않지만 백그라운드에서 동작하고 있는 프로그램도 많다. - gui가 없는 프로그램들은 보통 명령프롬프트에서 실행된다. - 명령 프롬프트에서 사용하는 cd 도 사실 응용프로그램이다. 기본으로 어디서나 접근 가능한 프로그램! - React 작업을 위한 기본 라이브러리들이 들어있는 패키지들 - 이건 어디에 설치되어 있는지? → 글로벌이 아니라 basic 폴더 안에만 있다. - json파일에는 어떤 패키지가 필요한지에 대한 목록만 들어있는 것이다. - 실제로 저 파일들이 설치된 폴더는 node_modules! (해당내용은 깃허브 push시에는 배..

43일차(3)/React(4) : filter 함수 / 자식 component 활용 예제 - 자식 component 연결하여 배열 불러오기 - 자식 component 에서 만든 버튼에 이벤트가 발생하면 부모 component 에서 함수 호출하기 App03_ex3 - 자식 component 활용하기 //App03_ex3.js import FriendComponent from "./components/friendComponent"; import { Component } from "react"; class App extends Component{ render(){ let friends=["바나나", "딸기", "복숭아"]; return( 자식 component 사용 예제 ); } } export default..

40일차(1) : Vue.js 예제(4) - Vue.js로 이벤트 발생시키기 Step08_eventEmit 자식 component 에서 발생하는 이벤트 - root component 는 자식 component를 가질 수 있다. - 자식 component를 분리한다는 것은 어떤 작업을 나누어 분업화한다는 면에서 의미가 있다. - root component 는 전체를 조율하는 개념이다. - 자식 component 안에서 어떤 이벤트가 발생할 수 있다.(drag, submit, click, mousemove, ...) - 보통은 자식 component 안에서 해결하지만, 때로는 자식 component에서 발생하는 이벤트를 부모 component에 알려야 할 수 있다. - 부모로부터 데이터를 받아서 사용한다거나..

39일차(2) : Vue.js 예제(3) - Component Step07_component component 정의하고 사용하기 - html 코드에서 보면 라는 요소로 만들어놓음 - 브라우저에서 열어보면 div로 바뀌어 있다. - client side rendering이다. vue가 저렇게 바꾸어놓았다. components:{ } 라는 것도 있다.(computed와 비슷하게) - 요소 이름을 쓰고, 템플릿을 안에 미리 준비해놓는다. - 자주 사용하는 틀을 만들어 놓고 끼워넣을 수 있다. ex) navbar, footer 등 필요한 페이지에 바로바로 집어넣기 가능! - 속성값으로 데이터(값)을 전달받을 수도 있다. - 이 component는 내부에서 사용할 값을 외부에서 공급받을 수 있다. v-bind:g..