초보개발자 개발일지

46일차(1)/React(9) : 함수형 컴포넌트 작성 / ajax 요청으로 DB 데이터 출력 - 지금까지는 클래스 기반으로 component를 만들었는데, 이번부터는 함수 기반으로 만드는 방법을 익혀볼 예정! * 클래스 기반 - component 를 상속해서 클래스를 정의하고, render 메소드를 사용해 javascript 객체를 기본으로 화면 구성 - App이라는 클래스를 export해주면 클래스가 리턴해주는 js가 화면을 구성해주는 것 * 함수 기반 - App이라는 함수 안에서 화면 구성. jsx를 사용해서 작성하고 함수 안에 있는 내용으로 화면이 구성된다. - 마지막에는 함수명으로 export 해준다. 이것을 함수 기반 컴포넌트라고 한다. App07.js //App07.js import Reac..

45일차(1)/React(7) : React 실습예제 / CSS import해서 적용하기 App04_ex2.js (최종) - 체크하면 아래 선택한 목록이 추가되도록 하기! //App04_ex2.js import { Component } from "react"; class App extends Component{ state={ selectedList:[] } //선택한 메뉴를 출력할 데이터를 담을 배열 (처음엔 선택한게 없어서 비어 있다) selected=[]; render(){ let menu=[ {id:1, name:"김밥"}, {id:2, name:"라면"}, {id:3, name:"떡볶이"}, {id:4, name:"만두"}, {id:5, name:"우동"} ]; //data 를 이용해서 UI를 만..

클래스 / 변수 / 생성자 [ 클래스의 역할 3가지 ] 1. 객체 설계도 2. data type 3. static 필드와 메소드를 포함하는 역할 int a=0; → int타입 변수 a에 0이 대입된다. boolean b=false; → boolean 타입 변수 b를 생성하고 false값을 대입한다. - 지역변수(a,b)는 stack 영역에 만들어지고, 그 안의 공간에 0, false가 저장되는것. - 변수명: 공간의 이름 타입: 공간에 넣을 수 있는 종류 - 메인메소드 안에 선언한 변수는 지역변수. 지역변수는 stack 영역에 만들어진다. - 기본 8가지 타입을 제외한 참조형 데이터타입은 heap영역에 객체를 만든다. (byte/short/int/long/float/double/boolean/char) ..

14일차(1)/java(7) : class / static, non-static / eclipse git으로 관리하기 * class : public class~ 라고 시작하는 영역 안쪽을 가리킨다. [ Class의 역할 ] 1. 객체의 설계도 역할 - 객체를 new 했을 때(생성) 해당 객체가 어떤 저장소와 어떤 기능을 가질지 설계한다. - 객체란 저장소와 기능으로 이루어지며, 저장소:field, 기능:method 이라고 한다. (객체지향 언어란 이 필드와 메소드를 활용해 원하는 결과를 이끌어내는것.) - 어떤 클래스로 객체를 생성했느냐에 따라 heap영역에 있는 객체의 종류는 달라진다. 2. 데이터 타입 - 지역변수 또는 필드의 데이터 타입을 설정하는 데 사용된다. - java에서는 어떤 참조값을 변수..

13일차(5)/java(6) : 객체의 field, method 호출 실습 - 객체의 field, method를 사용하는 실습 test.main 안에 MainClass03, test.mypac 안에 Member이라는 새 클래스 생성. package test.mypac; public class Member { //번호를 저장할 필드 public int num; //이름을 저장할 필드 public String name; //주소를 저장할 필드 public String addr; //메소드 public void showInfo() { //필드에 저장된 내용을 활용해서 정보를 출력하기 System.out.println("번호:"+this.num+", 이름:"+this.name+", 주소:"+this.addr);..

13일차(4)/java(5) : class, static - 새 프로젝트 안에 패키지 2개 만들기 (test.main / test.mypac) - heap 영역 안에 만들어지는 것은 객체이고, 이 객체는 저장소(field) + 기능(method) 으로 이루어져 있다. - class 란 객체의 설계도 역할을 하며, 객체가 어떤 필드와 어떤 메소드를 가질지 설계한다! - 지금까지 사용한 메소드 length, replace, startWith ... 등은 전부 이미 클래스로 설계가 되어있기 때문에 그런 기능을 가지는 것! - 아래에서는 설계도를 직접 만들어서 원하는 필드, 메소드를 가지는 객체를 만들어볼 예정! → 설계도를 어떻게 만드는지 / 만든 설계도로 객체를 어떻게 만드는지 실습 - MainClass 파..