IT study IT study

8. 논리 연산자 1) 조건 논리 연산자 2) 비트 논리 연산자 > 정수 데이터를 가지고 연산을 수행하는데 비트 단위로 논리 연산을 수행한 후 정수로 결과를 리턴 ~ : 단항 연산자로 1의 보수를 리턴하는 연산자 & : and 연산자로 둘 다 1인 경우만 1 | : or 연산자로 둘 다 0 인 경우만 0 ^ : eXclusive OR 로 같으면 0 다르면 1 20 : 00000000 00000000 00000000 00010100 17 : 00000000 00000000 00000000 00010001 20 & 17 : 000000000 00000000 00000000 0001000 => 16 20 | 17 : 00000000 00000000 00000000 00010101 => 21 20 ^ 17 : ..

6. Console 출력하는 메서드 1) System.out.print(String Message) 메세지를 출력하고 다음 메시지를 이어서 출력 2) System.out.println(String Message) 메시지를 출력하고 다음 메시지를 줄 바꿈 해서 출력 3) System.out.printf(String format, ... data) format에 맞춰서 data를 출력함 > Java의 모든 객체는 toString 이라는 메서드를 소유하고 있는데 이 메서드는 객체를 문자열로 표현해주는 메서드 임 출력하는 메서드에 객체의 참조를 대입하면 toString 메서드를 호출한 결과를 사용함 > Java는 String과 다른 종류의 데이터를 + 연산을 할 수 있는데 이 경우 데이터의 toString 메서..

JAVA 1. JAVA > Sun Micro Systems 에서 만든 프로그래밍 언어 > 여러 플랫폼에서 실행되는 프로그램을 한 번만 작성하기 위해서 플랫폼 독립적인 언어를 개발하기 위해서 탄생 #C++과 가장 큰 차이점 플랫폼 종속적 - 운영체제 별로 소스 코드를 다르게 작성해야 함 컴파일러가 운영체제에서 실행되는 코드를 생성(운영체제가 달라지면 다르게 작성) 플랫폼 독립적 - 여러 운영체제에서 실행되는 프로그램을 한 번만 작성 컴파일러가 JRE(JVM)가 이해할 수 있는 코드를 생성 - 운영체제 별로 별도의 JRE를 설치해서 JE가 해석해서 운영체제에서 실행되는 프로그램을 생성해서 실행 1) Java를 사용하는 이유 ☑︎ 오픈 소스 프로젝트가 많이 구현되어 있음 - 뛰어난 Echo System > ..

8. redux 실습 1) 프로젝트 생성 및 필요한 라이브러리 설치 $yarn create react-app redux $cd redux $yarn add redux react-redux 2) UI 작업 # Counter 와 ToDo 배치 > Components 디렉토리 생성 🗂redux -> 📁 src -> (CREATE) 📁 components > components 디렉토리에 카운터를 위한 Counter.jsx 파일 생성 🗂redux -> 📁 src -> 📁 components -> (CREATE) 📄 Counter.jsx import React from "react"; const Counter = ({number, onIncrease, onDecrease}) => { return ( {number..

React_Router 1. Routing 요청 URL에 따라 분기를 해서 출력을 하는 것 2. SPA(Single Page Application) 1) Server Rendering > 웹 브라우저가 서버에게 요청을 전송하면 서버가 HTML을 전송해서 전체를 다시 출력하는 방식 > 사용자와 인터럭션이 많은 웹 애플리케이션에서는 속도 측면에서 문제가 발생할 수 있음 2) SPA > 첫 번째 요청을 전송했을 때만 HTML이 전송되고 그 이후부터는 요청을 하면 서버가 JSON(XML도 가능)형태의 데이터를 전송하고 브라우저가 이 데이터를 파싱해서 랜더링 하는 구조 #단점 > 앱의 규모가 커지면 자바스크립트 파일의 사이즈가 너무 커지게 되서 트래픽과 로딩 속도에 문제가 발생할 수 있는데 이 문제를 해결하기 위..

ToDo Application 1.프로젝트 생성하고 필요한 라이브러리 1) 프로젝트 생성 $yarn create react-app react-todo 2) 필요한 라이브러리 $yarn add sass-loader sass classnames react-icons open-color > sass-loader : scss 파일을 사용하기 위해서 설치 > sass : scss 파일을 사용하기 위해서 설치 > classnames : css를 작성할 classname을 편리하게 작성하기 위한 라이브러리 > react-icons : 아이콘을 사용하기 위한 라이브러리 > open-color : 색상을 직접 값으로 설정하는 것이 아니고 색상 이름과 정수 1개의 농도를 가지고 설정할 수 있도록 해주는 라이브러리, ❖ 참..

10. useCallback 1) 개요 > 특정 함수를 새로 만들지 않고 재사용하고자 할 때 사용 > 컴포넌트에 구현한 함수들은 컴포넌트가 랜더링될 때 마다 다시 생성 > 컴포넌트가 많아지고 랜더링이 자주 발생하면 함수들을 다시 만드는 것은 비효율적이 될 수 있음 > useCallback을 이용하면 데이터가 변경된 경우에만 함수를 다시 만들도록 할 수 있음 > 첫번째 매개변수는 함수이고 두번째 매개변수는 데이터의 배열임 2) Average.jsx 파일을 수정 🗂 react_hooks → 📁 src → 📄 Average.jsx import React, {useState, useMemo, useCallback} from 'react'; //배열의 평균을 구해서 리턴해주는 함수 const getAverage ..

React_hooks 1. 컴포넌트 반복 동일한 모양의 컴포넌트를 여러 개 배치 배열 형태의 데이터를 출력할 때 유용하게 사용 1) 배열.map() - 변환 배열의 데이터를 순회하면서 매개변수로 받은 함수를 요소 단위로 수행한 후 그 결과를 모아서 다시 배열로 리턴하는 함수 map에 설정하는 매개변수 #첫번째는 callback 함수(필수) - 매개변수는 3개까지 될 수 있고 반드시 하나의 데이터를 리턴해야함 첫번째 매개변수는 순회하는 각 요소 두번째 매개변수는 인덱스 세번째 매개변수는 배열 그 자체 #두번째는 callback 함수 내부에서 사용할 this 참조(선택) let ar = [10, 20, 30]; // 위의 배열에 5를 더한 배열을 생성 for(let i=0; i yarn create reac..