분류 전체보기300 Canada Uber 2024 Graduate 코테 후기 생각보다 쉬웠고.. 다 풀어서 면접이라도 불러줄 줄 알았더니 다 풀고 난 다음에 탈락 메일이 왔다서류를 코테 후에 보나...나중엔 꼭 가보고 싶다 2024. 12. 19. 웹소켓 Subscribe시에 Interceptor에서 채팅방 권한을 조회하도록 함 지난번에 이렇게 해서 웹소켓 연결을 했는데 Spring과 STOMP를 이용해서 웹소켓 연결하기Gradle에 필요한 설정 import // WebSocket implementation("org.springframework.boot:spring-boot-starter-websocket") implementation("com.fasterxml.jackson.core:jackson-databind") implementation("com.fasterxml.jackson.module:jackson-module-kotlin") implegreedydeveloper.tistory.com연결해두고 보니 아무나 특정 채팅방이나 서버를 Subscribe할 수 있는 구조라 보안 이슈가 있을 것 같았다 그래서 Intercep.. 2024. 11. 5. 네트워크 병목 현상 Network Bottleneck 네트워크 병목 현상 Network Bottleneck네트워크 병목현상이란?네트워크 병목 현상은 네트워크나 시스템의 특정 지점에서 대역폭, 처리량 등이 제한되어 전체 성능을 저하시키는 현상을 말한다주요 원인 primary causes네트워크 대역폭 부족 limited network bandwidth서버 처리 능력 저하 server processing capacity과도한 트래픽 excessive traffic토폴로지는 병목현상을 찾을 때 중요한 기준이 된다네트워크 구조(예: 스타, 버스, 링, 메쉬 등)에 따라 데이터 흐름 경로가 다르기 때문에, 특정 노드나 연결부가 병목 현상을 유발할 가능성이 있다 병목 현상의 사례 (Examples of Bottlenecks)서버 과부하 (Server Overload).. 2024. 11. 5. 네트워크 토폴로지 Network Topology 네트워크 토폴로지 Network Topology네트워크 구성 요소들이 연결된 방식각 노드(서버, 컴퓨터, 라우터)와 링크가 배치된 구조네트워크 성능, 비용, 확장성, 장애 대응에 영향을 미침버스 토폴로지 (Linear) Bus Topology하나의 메인 케이블(백본)에 모든 노드가 연결된 구조근거리 통신망(LAN)에서 사용한다Pros설치가 간단하고 저렴신뢰성이 우수노드 추가와 삭제가 쉽다Cons메인 케이블에 문제가 생기면 전체 네트워크에 영향을 미침메인 케이블의 양 끝단에 모두 Terminator가 필요하다전체 네트워크가 다운되었을때 원인 파악이 힘들다스푸핑이 가능하다🔎스푸핑 SpoofingLAN 상에서 송신부의 패킷을 송신과 관련없는 다른 호스트에 가지 않도록 하는 스위칭 기능을 마비시키거나 속여서 .. 2024. 11. 5. 네트워크란? 네트워크란?네트워크란 노드와 링크로 이루어진 연결 시스템리소스를 공유함노드 : 서버, 라우터, 스위치 등 네트워크 장치링크 : 무선 혹은 유선으로 연결된 통신 경로네트워크 성능 지표많은 처리량짧은 지연 시간적은 장애 빈도좋은 보안처리량(throughput)성공적으로 전송 및 처리된 데이터의 양단위 : bps (bits per second) ,초당 전송되는 비트 수트래픽, 대역폭, 에러 빈도, 하드웨어 스펙 → 처리량트래픽(Traffic)네트워크를 통해 전송되어야 하는 데이터의 양전송 중인 데이터의 볼륨을 나타낸다단위 : MB, GB, 초당 요청 수🔎헷갈리기 쉬운 개념 Traffic vs ThroughputTraffic is the amount of data that needs to be transmit.. 2024. 10. 28. 웹소켓이란? (feat.Spring,STOMP,SockJS) 웹소켓이란?웹소켓(WebSocket)은 클라이언트와 서버 간의 실시간 양방향 통신을 가능하게 하는 프로토콜기존의 HTTP 통신 방식은 클라이언트가 요청을 보내면 서버가 응답하는 요청-응답 모델을 따른다.반면, 웹소켓은 최초 연결 이후 클라이언트와 서버 간에 지속적인 연결을 유지하면서 상호 간에 데이터를 주고받을 수 있다.이는 실시간 기능이 필요한 애플리케이션(채팅, 실시간 알림, 게임) 등에 유용하게 사용된다.웹소켓의 특징양방향 통신클라이언트와 서버 모두 메시지를 보낼 수 있다.지속적인 연결HTTP와 달리 웹소켓은 연결이 한번 성립되면 끊기지 않고 계속 유지된다낮은 오버헤드HTTP처럼 매번 요청 헤더를 보내지 않고, 한 번 연결되면 지속적으로 데이터를 주고받을 수 있어 오버헤드가 적다.지연 감소(실시간 .. 2024. 10. 26. [React] 페이지 로딩시에 단 한 번만 실행하기 (document.ready()같은 메서드) 원래는 습관적으로 이렇게 하고 있었는데 불필요하게 데이터를 매번 읽어와서 너무 비효율적이고 트래픽이 많아진 기분이 들어 더 찾아보았다useEffect(() => { handleGetConnection(useAuthStore.getState().currentCode); }, [rowData]); 빈 배열을 넣어주면 컴포넌트가 처음 마운트될 때 (페이지가 로드될때) 단 한 번만 실행되게 된다useEffect(() => { handleGetArsConnection(useAuthStore.getState().currentBotCode); }, []); 2024. 9. 27. [React] Destructuring assignment 어느날 갑자기 리액트를 하게 된 백엔드 개발자의 고군분투기...회사 : 풀스택 해 Java Kotlin 이제 다 필요없어... Destructuring assignment 정말 충격적으로 편리하다ES6 만세 감사합니다 그날도 힘겹게 리액트를 해내고 있던 백엔드 개발자 1은 신기한 코드를 마주하게 된다const Developer = ({ coffee, sweat, blood }: { coffee: string, sweat: number, blood: string }) => { console.log(coffee, sweat, blood);};interface Ingredient { coffee: string; sweat: string; blood: string;}const Developer = (in.. 2024. 9. 27. [React] React Hook 리액트 훅 어느날 갑자기 리액트를 하게 된 백엔드 개발자의 고군분투기...회사 : 풀스택 해 React Hook이란?리액트 훅(React Hooks)은 함수형 컴포넌트에서 상태(state)와 생명주기(lifecycle) 관련 기능을 사용할 수 있게 해주는 React의 기능이다.리액트 훅이 등장하기 전에는 클래스형 컴포넌트만 상태 관리와 생명주기 기능을 사용할 수 있었으나, 훅 덕분에 함수형 컴포넌트에서도 이러한 기능을 쉽게 사용할 수 있게 되었다**useState**상태를 함수형 컴포넌트에서 관리하기 위한 훅입니다.초기 상태를 인자로 받고, 배열을 반환하며, 배열의 첫 번째 요소는 현재 상태 값, 두 번째 요소는 그 상태 값을 업데이트하는 함수const [count, setCount] = useState(0);fu.. 2024. 9. 26. 이전 1 2 3 4 ··· 34 다음
