본문 바로가기
반응형

전체 글330

[React] 이벤트 핸들링 정리 이벤트 핸들링 - 웹 브라우저에서 DOM 요소들과 상호 작용하는 것 - 이벤트 이름은 카멜 표기법으로 작성 - 이벤트 설정 시 함수 형태의 값을 전달 - DOM 요소에만 이벤트 설정 가능 (직접 만든 컴포넌트에 이벤트 설정 불가) - Clipboard, Focus, Mouse, Form 등 OnChange 이벤트 // Event.js import React, { Component } from 'react' class Event extends Component{ render(){ return ( 이벤트 {console.log(event)} } > ) } } export default Event //App.js import React from 'react' import Event from './Event' .. 2023. 7. 7.
[React] 컴포넌트 & props 정리 및 생성하기 클래스형 컴포넌트 - 임의의 메서드를 정의 할 수 있음 - stat 기능 및 라이프사이클 메서드와 같은 기능 사용 가능 - 리액트 v16.8 이후 Hooks라는 기능이 도입되면서 함수형 컴포넌트 사용을 권장 import React, { Component } from 'react' import './App.css' class App extends Component { render(){ const name = 'react' return {name} } } export default App​ 함수형 컴포넌트 - 함수를 기반으로 작성하는 컴포넌트 - 클래스형 컴포넌트에 비해 훨씬 짧고 직관적인 코드를 짤 수 있음 - 함수형 프로그래밍을 할 수 있음 - Hooks가 도입되면서 함수형 컴포넌트에서도 클래스형 컴포넌.. 2023. 7. 7.
[React] JSX 개념, 문법 정리 JSX (JavaScript XML)란? - 자바스크립트에 XML을 추가한 확장 문법 - 브라우저에서 실행되기 전에 코드가 번들링 되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환 // JSX로 작성 function App(){ return{ Hello world ); } // 변환된 코드 function App(){ return React.createElement("div", null, "Hello", React.createElement("b", null, "world")); }​ - JSX 사용 시 HTML을 작성하듯이 활용할 수 있으므로 가독성이 높아지고 편하게 UI 렌더링 가능 JSX 문법 - 컴포넌트에 여러 요소가 있다면 반드시 부모 요소 하나로 감싸야함 // 부모 태그로 감싸.. 2023. 7. 7.
[CS] TCP & UDP 개념 정리 OSI 7 계층 중 Layer 4인 전송 계층에서 사용되는 프로토콜의 내용 TCP ( Transmission Control Protocol) 전송을 제어하기 위한 프로토콜로 인터넷 상에서 데이터를 메세지 형태로 보내기 위해 IP와 함께 사용하는 프로토콜 🔨 특징 데이터 처리 속도를 조절하여 수신자의 버퍼 오버플로우를 방지하는 흐름 제어 네트워크 내의 패킷 수가 과도하게 증가하지 않도록 방지하는 혼잡 제어 높은 신뢰성 보장 (신뢰성이 높으므로 UDP보다 속도 느림) 전송이 양방향으로 동시에 일어날 수 있는 전이중(Full-Duplex), 각 연결이 정확히 2개의 종단점을 갖는 점대점(Point To Point) 방식 제공 데이터 전송 순서 보장 및 경계를 구분하지 않음 연결 지향 방식으로 패킷 교환 방식 .. 2023. 7. 6.
[싸피후기] 싸피(SSAFY) 1학기 수료 후기 ❓ 후기를 이제 쓰는 이유?내일부터 프로젝트가 메인이 되는 싸피의 2학기가 시작이 된다. 공통 프로젝트를 7주간 진행할 팀원들과 함께 아이디어를 내고, 꾸준히 개인 공부 & 과제를 다시 시작해야하니 많이 바빠질 예정이다😅사실, 학기가 끝나고 방학 기간에 들어서는 전면 온라인으로 진행하다보니 굉장히 게을러져서 블로그도 많이 쉬었고, 공부도 쉬면 안되지만 쉬어버렸다. 자꾸 게르게 보내기만 했지만, 다시 리프레시란 생각으로 후기를 작성하게 됐다.2학기 시작하기 전에 써야지 써야지 해놓았던 싸피 1학기 수료 후기를 시작이라도 하기 전에 작성을 하게 돼서 다행인거 같다. 중간에 1학기 후기 작성 이벤트가 있었는데 미리미리 작성할 걸 하고 후회되기도하지만, 작성이라도 하는게 어디냐고 스스로 생각 중이다🤣.. 2023. 7. 3.
[백준 1071] 소트 (python) https://www.acmicpc.net/problem/1071 1071번: 소트 N개의 정수가 주어지면, 이것을 연속된 두 수가 연속된 값이 아니게 정렬(A[i] + 1 ≠ A[i+1])하는 프로그램을 작성하시오. 가능한 것이 여러 가지라면 사전순으로 가장 앞서는 것을 출력한다. www.acmicpc.net 소트 문제 A[i] + 1 ≠ A[i+1]을 만족하도록 재정렬했을 때 사전 순으로 앞서는 경우를 출력하는 문제 # 사용 알고리즘 그리디 📌문제 접근 포인트 1. 요구 조건에 대해서 생각해보자. A[i] +1 ≠ A[i+1] 을 만족할 수 있게 가장 쉽게 접근하려면 카운팅 배열을 사용하면 유리하다. 카운팅 배열을 구성해보자. 2. 카운팅 배열을 만들었으면, A[i] +1 ≠ A[i+1]는 카운팅 배.. 2023. 6. 29.
반응형

티스토리툴바