Jaebin

Privileged Modeshow cdp - 인접 네트워크 확인show clock - 현재 시스템 시간 확인show controllers - 인터페이스 하드웨어 정보 확인show flash - flash 메모리 정보 확인show history - 명령어 기록 확인show hosts - 연결된 장비들 확인show interface [s0/0] - 인터페이스 정보 확인show ip interface brief - 모든 인터페이스 정보 확인show ip route - 라우팅 테이블 확인show process - cpu 정보 확인show protocols - 프로토콜 확인show users - 유저 정보 확인show version - 현재 버전 확인 copy running-config startup-confi..

Comparator와 compare을 이용한다. import java.util.Arrays; import java.util.Collections; import java.util.Comparator; import java.util.ArrayList; public class Main { static class Student{ String name; Integer score; Integer input_ranks; } public static void main(String[] args) { ArrayList students = new ArrayList(); Collections.sort(students, new Comparator() { public int compare(Student s1, Student s2..

https://www.youtube.com/watch?v=M9R7a6N2_cg 게임 개발 참 어렵다.

작년 2022년 8월, 고등학교 2학년 시절에 정보처리기능사 라는 첫 자격증을 땄을 때의 기쁨과 감격을 잊을 수 없다. 비록 어른들에게 자신있게 내놓을 만큼 대단한 자격증은 아니였지만, 나는 그저 내가 스스로 계획해놓은 목표에 헛딛음 없이 성공적으로 도달했다는 것만큼은 자랑스럽게 말할 수 있었다. 또한 이 자격증을 공부하는 동안 내 자신이 성장하고 있다는 느낌도 많이 느꼈다. 코딩을 공부하면서 얻었던 지식들과는 다른 새로운 깨달음들을 말이다. 이론 공부를 하면서 그동안 내가 얼마나 수박 겉핥기 식으로 이 분야에 종사해왔고, 내가 얼마나 앞으로 계속 하게 될 일을 이만큼이나 만만하게 봤는지 나 자신을 성찰할 수 있었다. 사실 이건 또 내가 어떠한 일에도 큰 의미를 부여할려는 성격 때문에 과열된 해석일 수도..

useMemo 렌더링을 실행할때마다 변수를 재할당하지않고 메모리에 저장되있는 데이터를 그대로 불러와 불필요한 작업을 넘겨줌 useMemo 사용 전 : export default function App(){ const[valueOne, setValueOne] = useState(0); const[valueTwo, setValueTwo] = useState(0); const plus = () => { setValueOne(valueOne + 1); console.log("Plus") } const minus = () => { setValueTwo(valueTwo - 1); console.log("Minus") } console.log("Hello"); return( plus()}>{valueOne} minu..

.box{ top: 50px; position: fixed; } top(혹은 bottom) 속성을 붙였는지 확인해보자.

리듬게임을 프로젝트를 하는중...노트 스폰 딜레이를 설정하기 위해서 setInterval 콜백 함수를 사용해야하는 일이 생겼다. 그래서 useEffect에 setInterval을 넣고 함수를 돌리는데...state값 반영이 안되는 것이다! 일단 우리가 원래 사용하는 코드를 살펴보자. export default function App(){ const[count, setCount] = useState(0) useEffect(() => { setInterval(() => { setCount(count + 1); console.log(noteCount) }, 1000) }, []) } 여기서 사용하는 useEffect는 첫 렌더링에만 변경사항이 적용되는 로직이다. 그렇기 때문에 우리가 아무리 인터벌을 돌려도 c..

💣 display HTML 요소가 화면에서 차지할 속성을 설정하는 CSS 요소 💣 display : block 가로의 한줄 전체를 차지하는 속성 See the Pen Untitled by Jaebins (@evyghtqj-the-bold) on CodePen. 💣 display : inline 컨트롤의 크기만큼만 자리를 차지하는 속성 See the Pen DisplayBlock by Jaebins (@evyghtqj-the-bold) on CodePen. 💣 display : inline-block block 방식과 inline 요소를 합쳐놓은 속성 See the Pen DisplayInline by Jaebins (@evyghtqj-the-bold) on CodePen.

✌️ 소켓이란?클라이언트와 서버간 네트워크 통신을 위해 데이터를 송수신할 때 끝점 역할을 해주는 소프트웨어 구조 쉽게 이해할려면 그냥 "데이터 송수신 통로" 이걸로 기억하면 될거 같다. 양방향 통신을 지향하며, 일반적으로 스트리밍, 게임 등과 같이 유동적인 데이터 전송이 필요한 서비스에서 사용된다. 당연히 이러한 소켓을 구축하기 위해서는 우리가 직접 코드를 짜야되는데, 이것을 소켓 프로그래밍(Socket Programming) 이라고 하며, 소켓 프로그래밍에 대해서는 밑에서 더 다뤄볼려고 한다. ✌️ 소켓 통신 과정기본적으로 통신을 할려면 당연히 서버와 클라이언트가 준비되있어야 한다. 일단 먼저, 서버쪽에 통신 과정을 먼저 알아볼 것이다. ✌️ Server1. socket()소켓을 생성해주며, 생성된 소..

와일드 마스크 사용OSPF, ACL ✌️ 스위치 VLAN 설정Intra_S(config)#vlan 10 Intra_S(config-vlan)#name Eng Intra_S(config-vlan)#vlan 20 Intra_S(config-vlan)#exit Intra_S(config)#vlan 20 Intra_S(config-vlan)#name Mkt Intra_S(config-vlan)#exit Intra_S(config)#vlan 30 Intra_S(config-vlan)#name Sal Intra_S(config-vlan)#exit✌️ 인터페이스 VLAN 포트 설정Intra_S(config)#int fa0/1 Intra_S(config-if)#switchport mode access  Intra_S(..