QQ의 다이어리

기간 230612 - 230616 배운 내용 JAVA ◎ JAVA 1. JAVA의 특징 1) oop. 강력한 객체지향. 전부 클래스 안에 2) 플랫폼(hw+os)에 독립적 hw, os 종류 매우 다양. 플랫폼 다르면 기계어 다름. 포팅(porting)이 어렵다 JVM만 있으면 한번 컴파일한 거 어떤 플랫폼에서도 실행 가능. 2. JVM / JRE / JDK JVM : 기계어 통역, 메모리 관리, Garbage collection(가비지 컬렉션)을 수행 JIT : 인터프리터(JVM 안에 있음) JVM 안에 1. class loader 2. bytecode 검증기 3. JIT 컴파일러 JRE(Java Runtime Environment) : JVM + ... 자바실행환경 (운영시) java 프로그램 실행하는..

기간 230607 - 230609 배운 내용 React ◎ React 1. 리액트의 특징 어떤 태그를 쓰든 전체를 감싸는 태그(root)가 필요 그냥 도 가능 시작 태그와 종료 태그를 반드시 작성해야 한다 html에선 같은 거 가능했지만 무조건 또는 로 사용해야 함(=xml의 특징) class 말고 className이라고 써야 함 소괄호는 리턴 포함. 리턴으로 끝나면 대괄호 리턴 리턴 안 할 땐 소괄호 사용불가 2. 커스텀 태그(컴포넌트) 커스텀 태그 만들어줌 대문자로 시작하면 리액트의 컴포넌트 == ~~~~ 리액트 사용해서 커스텀 태그 만들어 쓰면 재사용 가능, 유지보수하기 좋음(여러 코드에 한 번에 변경사항 적용 가능) 리액트로 만든 페이지는 컴포넌트 단위로 이루어져 있다. - 컴포넌트 생성 src/..

기간 230530 - 230602 배운 내용 Node.js ◎ Node.js 1. const const {변수} = 객체 하면 객체 안에 있는 변수를 찾아줌 변수 한 개면 중괄호 생략가능 const v = a const status = candymachine // candymachine.getcandy.status과 동일 candymachine 객체 속 status 찾아줌 2. https 웹 서버에 SSL 암호화를 추가하는 모듈. 오고 가는 데이터를 암호화해서 중간에 다른 사람이 요청을 가로채도 내용 확인 불가. http 서버를 https 서버로 만들기 위해서는 인증서가 있어야 함. 내부적으로 키 가지고 암호화함 3. Express http 모듈로 웹 서버를 만들 때 코드가 보기 좋지 않고, 확장성도 떨..

기간 230522 - 230526 배운 내용 AWS, Node.js ◎ AWS 1. 용어정리 가용영역 = 하나 이상의 데이터 센터를 묶은 것 우리나라에 4개의 가용영역 있음. 전 세계에 99개 리전 = 2개 이상의 가용영역 묶은 것 2. 스토리지 파일시스템은 일부 파일 내용 변경시 전체파일이 갱신됨. 컴퓨터가 블록정보 모르니까. 블록스토리지는 iscsi라는 프로토콜, 파일시스템은 nfs, smb 프로토콜 사용, 오브젝트 스토리지는 http 프로토콜 블록과 파일은 계층 구조 가진다는 공통점 있음. 오브젝트는 계층구조 없이 플랫한 구조. 계층구조는 관리 메타데이터 많이 쌓임. 저장공간에 대한 메타데이터 유지해야 함. 3. ec2 instance ec2 instance에 유저 키 있음 팀개발환경일 경우(ec2..

기간 230515 - 230519 배운 내용 CSS, JavaScript ◎ CSS 트랜스폼: translate 이동/ scale 확대축소/ rotate 회전/ skew 비틀기 트랜지션: 엘리먼트의 스타일 바뀔 때 천천히 바뀌도록(속도 조절) 뷰포트 : 실제 내용이 표시되는 영역. 모바일 기기와 pc는 뷰포트가 다르다. prompt는 숫자 입력해도 문자열로 변환됨 ◎ JavaScript 1. 변수 함수 안에서 var와 같이 명시해주지 않으면(변수 선언 없이 생성하면) 전역변수로 생성됨 function a() { var v1 // 지역변수 v2 // 전역변수 } 전역변수 많이 사용하는 것 권장하지 않음. 전역변수 사용 시 결합도 증가 -> 하나 수정하면 다른 것에도 영향을 미침. 유지보수에 좋지 않음 자바..

카카오 클라우드 스쿨 수료 기념.. 강의를 들으며 적어둔 내용을 다시 기록해보려고 한다. 기간 230509 - 230512 배운 내용 HTML, CSS 1. 태그 시멘틱 태그 : 일 이 삼사 오육 칠 3. 속성 선택자 , 둘 다 선택 공백 자손들 > 손자 말고 자식들만 + 형제들 중 바로 다음에 있는 거 (br도 형제로 포함) a ~ b a이후 나오는 모든 형제 |aa 또는 a-로 시작하는 ^=aa로 시작하는 $=aa로 끝나는 4. p 와 span p 사용하면 블록이라 자동 줄 바꿈 줄 바꾸기 싫으면 span 실습 : tab menu 구현 구현 코드 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 탭뷰입니다.