[220221] TIL

릿·2022년 2월 21일
0

TIL

목록 보기
6/28

오전: 자바의 정석

문자열 비교

==이 아닌 equals을 사용한다.

조건연산자

조건식? 식1(참):식2(거짓)

배열

특징

한번 생성하면 실행하는 동안에는 그 길이를 바꿀 수 없다.

선언법

int[] array = {1, 2, 3, 4, 5};

출력하는 법

※ System.out.println(array)로 출력하면 주소값이 나오므로 주의
1. for문으로 인덱스 하나하나 출력
2. System.out.println(Arrays.toString(array));

2차원 배열

선언법

int[][] arr = new int[4][3]; // 4행 3열의 2차원 배열 arr를 생성
int[][] arr = new int[][]{{1, 2, 3}, {4, 5, 6}};
int[][] arr = { {1, 2, 3}, {4, 5, 6} };

출력하는 법

for (int i=0; i<score.length; i++) {
	for (int j=0; j<score[i].length; j++) {
    }
}

※ score[i].length인 이유 : 배열 행마다 개수가 다 다를 수 있기 때문에!

String클래스

정의

char[]와 메서드(기능)를 결합한 것
String 클래스 = char[]+메서드(기능)

특징

내용을 변경할 수 없다. (read only)

관련 함수

char charAt(int index) : 문자열에서 해당 위치(index)에 있는 문자를 반환한다.
int length() : 문자열의 길이를 반환한다.
String substring(int from, int to) : 문자열에서 해당 범위(from~to)의 문자열을 반환한다.(to는 포함안됨)
boolean equals(Object obj) : 문자열의 내용이 같은지 확인한다. 같으면 결과는 true, 다르면 false
char[] toCharArray() : 문자열을 문자배열(char[])로 변환해서 반환한다.

# 추가공부

  1. int로 선언했는데 왜 double으로 받지?
    System.out.printf("score[%d][%d]=%d%n", i, j, score[i][j]);
  2. 자바 인터프리터에 대해 조사하기
  3. %3d, %5d가 뭐지?
  4. 문자열의 비교와 출력 - equals(), toString()
    int[] arr = {0, 1, 2, 3, 4};
    int[][] arr2D = {{11, 12}, {21, 22}};

System.out.println(Arrays.toString(arr));
System.out.println(Arrays.deepToString(arr2D));

String[][] str2D = new String[][]{{"aaa", "bbb"},{"AAA", "BBB"}};
String[][] str2D2 = new String[][]{{"aaa", "bbb"},{"AAA", "BBB"}};

System.out.println(Arrays.equals(str2D, str2D2))
-> 관련강의 다시 듣기

오후: 생활코딩 'react강의'

0. react 공부전략

cording (개발환경을 세팅하고 어디에 코딩를 바꿔야하는가)
-> run (실행)
-> deploy (최종적으로 소비자에게 배포)

1. react 설치

  1. node.js사이트에서 npm설치
  2. 명령프롬프트에서 npm -v 명령어로 npm설치가 제대로 되었는지 확인한다.
  3. vscode -> 터미널 -> npm install -g create-react-app 명령어로 리액트를 설치한다.
  4. 바탕화면에 react-app폴더를 만들고, cmd에서 해당 react-app폴더 경로에 create-react-app .을 치고 개발환경을 구축한다.
  5. vscode의 터미널을 열어서 npm run start를 치고, 제대로 실행되었다면 react사이트가 열린다.

2. react 파일실행 및 세팅

  1. 실행되는 사이트 화면은 public폴더의 index.html, 실질적으로 수정하는 js파일은 src폴더의 index.js파일과 App.js파일. App.js파일은 function으로 선언되어있을 수도 있고, class로 선언되어있을 수도 있다.(현 수업은 class로 진행)
  2. App.css, index.css비우기

3. react 배포

react 사이트 개발자도구 -> 네트워크 탭 -> 새로고침 오른쪽 클릭 -> 캐시비우기 및 강력 새로고침 누르기 (사용하는 브라우저에 따라 명칭이 다를 수도 있음)
-을 해보면 알다시피 기본 앱 자체가 용량이 큰 편이다. 배포할 때는 이대로 배포하면 안 된다.
터미널 창에 npm run build라고 입력하면 build폴더가 추가된다. 이는 index.html의 공백과 같은 불필요한 용량을 줄여주므로 배포에 적절하다.

# 추가공부

  1. 함수스타일(function)과 클래스스타일(class)의 차이
    함수스타일 : 제한된 기능만 사용할 수 있지만 단순함
    클래스스타일 : 모든 기능을 다 사용할 수 있지만 복잡함.
    이 이상으로 파고들었더니 지금 당장은 이해할 수 없는 내용이었다.

  2. 함수스타일(function)을 클래스스타일(class)으로 바꾸는 방법

profile
새로운 도전과 재미를 추구하는 프론트엔드 개발자

0개의 댓글