QQ의 다이어리

✏️ 객체지향언어의 특징 1. 코드의 재사용성이 높다. 2. 코드의 관리가 용이하다. -> 코드 간의 관계를 이용해서 적은 노력으로 쉽게 코드를 변경할 수 있다. 3. 신뢰성이 높은 프로그래밍을 가능하게 한다. -> 제어자와 메서드를 이용해서 데이터를 보호하고, 올바른 값 유지하도록 하고, 코드의 중복을 제고해서 코드의 불일치로 인한 오동작을 방지한다. => 코드의 재사용성이 높고 유지보수가 용이하다. ✏️ 클래스와 객체 클래스란 ? 객체의 설계도 또는 틀. 객체를 생성하는 데 사용되며, 객체는 클래스에 정의된 대로 생성된다. 클래스의 인스턴스화란 ? 클래스로부터 객체를 만드는 과정. 객체란 ? 실제로 존재하는 것. 속성과 기능으로 구성된다. 속성 -> 멤버변수(TV에서의 크기, 길이, 볼륨, 채널 등)..

버튼을 누르면 moon 이라고 적혀있던 버튼이 lee로 바뀌도록 함수를 구현했는데 state 객체의 값이 변경되어도 화면이 갱신되지 않는다. import { useState } from "react" ; export default function Hello() { const [user, setUser] = useState({id:1,name:"moon"}) ; function test(){ user.name="lee"; setUser(user); } return ( {user.name} ) } 버튼을 누르면 test 함수가 실행되어서 user.name을 lee로 바꾸고 그것이 화면에 갱신이 되어야 하는데 버튼을 눌러도 그대로 변하지 않는다. 그 이유는 객체는 주소를 저장하기 때문이다. 주소가 가리키는 곳..

useRef로 input으로 받은 텍스트를 alert 창에 띄우려고 했는데 useRef는 ref 객체를 반환하기 때문에 alert 창에 그대로 출력하려고 하면 object 로만 출력된다. 그래서 consol 창에 출력해 보니 ref 객체는 이러한 구조로 되어 있었다. current 안에 input 텍스트 창에 입력한 값이 있을 것 같아서 눌러보니 current 안에 value 값으로 내가 입력한 값이 들어있었다. 그래서 alert(nameRef.current.value)를 해주니까 원하는 출력이 나왔다. import {useRef} from "react"; export default function Message(){ function onClickHandle(){ console.log("clicked")..

🧐 기본 선택자 1. 전체 선택자 = * 문서의 모든 요소에 스타일을 적용할 때 사용 * { margin: 0; /*문서의 전체에 margin과 padding을 0으로 설정*/ padding: 0; } 2. 타입 선택자 특정 태그를 사용한 모든 요소에 스타일을 적용할 때 사용 p { font-style: italic; /*모든 텍스트 단락의 글자를 이탤릭체로 표시*/ } 3. 클래스 선택자 = . 특정 클래스를 사용한 요소에 스타일을 적용할 때 사용 스타일을 적용하고 싶은 태그 안에 class="클래스명"으로 설정한 후 스타일을 적용할 수 있다. .accent { padding: 5px; /*accent라는 클래스를 가진 요소에 패딩값 설정*/ } 4. id 선택자 = # 클래스 선택자와 동일하게 특정 ..

🧐 태그 사용자에게 입력을 받기 위한 태그로, 입력받으려는 내용에 따라 다른 type을 이용하여 입력 형태를 지정할 수 있다. 한 줄짜리 텍스트를 입력받으려면 와 같이 사용한다. text 말고도 많은 type을 사용할 수 있다. 🧐 태그 외의 태그들 여러 줄 입력받을 땐 태그 드롭다운 목록을 만들 땐 , 태그 선택 1(기본) 선택 2 선택 3 선택 4 데이터 목록 만들 땐 , 태그 리스트 1 리스트 2 리스트 3 버튼 만들 땐 태그

🧐 시맨틱 태그 1. 태그 사이트 전체/특정 영역의 헤더 영역을 나타낸다. 헤더는 주로 맨 위쪽이나 왼쪽에 위치한다. 2. 태그 같은 웹문서 안에서 다른 위치로 연결하거나 다른 웹 문서로 연결하는 링크를 만든다. 헤더나 푸터 안에 포함할 수도 있고, 독립적으로 사용할 수도 있다. 3. 태그 핵심/메인 콘텐츠를 담는다. main 태그는 웹 문서에서 한 번만 사용할 수 있다. 4. 태그 블로그의 포스트, 뉴스 사이트의 기사처럼 독립된 웹 콘텐츠 항목을 담는다. article 태그를 여러 개 사용할 수 있고, 안에 태그를 넣을 수도 있다. 5. 태그 웹 문서에서 콘텐츠 영역을 나타낸다. 태그와 비슷해 보이지만, 태그는 몇 개의 콘텐츠를 묶는 용도로 사용한다. 단순히 스타일 적용을 위해 콘텐츠를 묶는 경우에는 ..

문제 https://www.acmicpc.net/problem/2504 2504번: 괄호의 값 4개의 기호 ‘(’, ‘)’, ‘[’, ‘]’를 이용해서 만들어지는 괄호열 중에서 올바른 괄호열이란 다음과 같이 정의된다. 한 쌍의 괄호로만 이루어진 ‘()’와 ‘[]’는 올바른 괄호열이다. 만일 www.acmicpc.net 풀이 스택을 이용하여 풀이한다. ()의 값은 2이고, []의 값은 3이므로 여는 괄호가 나오면 괄호 모양에 따라 각각 스택에 tmp*2 또는 tmp*3을 push 한다. 닫는 괄후가 나오면 여는 괄호와 마찬가지로 tmp/2 또는 tmp/3을 스택에서 pop 한다. 코드 #include #include #include using namespace std; int main() { string ..

여러 데이터 모델 중 하나로, 데이터를 관계(Relation)의 집합으로 나타낸다. 관계형 모델에서는 Relation이라고 하는 2차원 테이블 형태의 구조가 사용된다. 관계형 모델의 장점 1. 데이터와 사용자 간의 상호작용이 데이터 내부 구조에 영향을 받지 않는다. 2. 모델의 구조(Relation)가 단순하다. 3. SQL을 사용하여 사용자가 간단하게 데이터를 얻을 수 있다. 관계 모델 제약 조건(constraint) 제약조건은 모든 릴레이션 인스턴스들이 만족해야 한다. 1. 도메인 제약조건 (domain constraints) 각 애트리뷰트 A의 값은 반드시 A의 도메인 dom(A)에 속하는 원자값이어야 한다. 2. 키 제약조건(key constraints) 릴레이션은 튜플의 집합으로 정의되므로, 모..

데이터란? 컴퓨터에 저장되어 사용될 수 있는 정보. 성적 데이터, 판매 데이터 등등 다양한 종류가 있다. 데이터베이스란? 실세계 일부를 표현하는 연관된 데이터들의 집합. 전화번호부 데이터베이스, 상품 데이터베이스 등등 연관된 데이터들을 모아둔 것. 데이터베이스 관리 시스템이란? 영어로 DataBase Management System, 줄여서 DBMS로 많이 표현한다. 데이터베이스의 생성과 관리를 담당하는 소프트웨어 패키지. 대표적 DBMS 상품에는 Oracle, MySQL, SQLite 등이 있다. 데이터베이스 시스템이란? 데이터베이스 자체와 이를 관리하는 소프트웨어(DBMS + 응용 프로그램)를 모두 칭하는 용어. 데이터베이스의 특징 1. 데이터 추상화 : 데이터모델을 사용해서 저장 구조의 자세한 내용..

프로토콜 통신할 때의 규약을 프로토콜이라고 하며, 물리적 측면과 논리적 측면으로 나뉜다. 물리적 측면 : 데이터 전송 매체, 신호 규약, 회선 규격. 이더넷이 널리 쓰인다. 논리적 측면 : 장치들끼리 통신하기 위한 프로토콜 규격. 자사 장치들끼리 통신하기 위한 폐쇄적인 프로토콜에는 SNA, SDLC 등이 있으며, 여러 장치들에 쓰이는 공개된 범용 프로토콜에는 TCP/IP가 있다. TCP/IP 프로토콜 스택 OSI 7 계층 1 계층(피지컬 계층) 물리적 연결과 관련된 정보를 정의한다. 들어온 전기 신호를 잘 전달하는 것이 목적이다. (출발지와 목적지 구분할 수 없음) 주요 장비 : 허브, 리피터, 케이블, 커넥터, 트랜시버, 탭 2 계층(데이터 링크 계층) 전기 신호를 모아서 우리가 알아볼 수 있는 데이터..