분류 전체보기346 VScode - 저장시(ctrl + s) 코드 자동 정렬하기 (멈추지않는) 공부를 하기 위해서 프로젝트 셋업을 하고 있다. 일단 자동정렬은 내 손가락과 일부이기 때문에 없어서는 안될 기능이다. 세팅방법을 잊어버려서 셋업을 먼저 해보려고 한다. 1. Format on Save 설정해보기 vscode - setting 탭으로 들어가자 ( ctrl + , ) format 검색해주고 Format on Save 체크되어있는지 확인해준다 2. Default Formatter 설정해보기 그래도 변화가 없다면? default 를 검색해서 Default Formatter 을 Prettier 로 설정해주자 아 - 주 잘된다😃😃😃 그래도 안된다면 vscode 를 끄고 다시 켜보기 2023. 7. 5. Network - 네트워크관리사 2급 실기 정리 네트워크 관리사 2급 필기를 무난히 치르고 기왕 칼을 뺀 김에 실기까지 썰어보려고 한다. updated 11/29/2023 💡 실기 배점 (케이블 문제, 원도우 문제, TCP/IP, 라우터를 중점으로 보기로 결정) 문제 문항수 배점 총 점수 UTP 케이블 1 (10분 제한) 6.5 6.5 윈도우 8 5.5 44 리눅스 2 5.5 11 TCP/IP 장비 3 5.5 16.5 신경향 및 보안 1 5.5 5.5 라우터 3 5.5 16.5 총 6 과목 총 18 문제 총 80 분 총 100 점 서브넷 주소 구하기 IP 에는 클래스가 나뉘어 있고, IP 를 사용하기 위해 클래스를 할당받아서 사용한다. 클래스 단위로 네트워크 구간(IP 할당 구간)을 나누게 되면 어떤 이는 부족해지고, 어떤 이는 남아 돌게 된다. A .. 2023. 7. 4. Network - 빗버킷 22번 포트 우회하기 (SK 인터넷) 재택을 위해 개발환경 세팅을 하는 중이었다. 리모트 Repository 와 연결이 안되었다. 원인은 ssh 와 연결되는 22번 포트가 막혀 있어 연결이 안되었다. SK 인터넷을 사용하는데 자체적으로 22번 포트를 막아놓았다. 드디어 네트워크 관리사 공부를 하면서 이론으로만 익혔던 내용들에서 나아가 제대로된 실습을 하게 된 셈이다 이 포스팅은 도전 의식을 가지고 이리저리 삽질해본 나의 기억들이며 반복될 이슈를 만날 미래의 나를 위한 도움글이다. 그럼 이슈를 해결하러 가보자 Network - 빗버킷 22번 포트 우회하기 (SK 인터넷) 삽질의 과정이기 때문에 포스팅을 다 읽어보시고 필요한 부분만 따라하세요! 1. 포트번호를 수정해주었다 $ vi /etc/ssh/sshd_config 2. sshd 재시작 해준.. 2023. 6. 30. Network - 네트워크 관리사 2급 실기 (서비스 관리자) 서비스 관리자는 너무 많기 때문에 틈틈히 목록 정리를 해보려고 한다. A Active X Installer 인터넷을 통해 설치한 ActiveX 컨트롤에 대한 사용자 계정 컨트롤의 유효성을 검사하며, 그룹 정책 설정에 기반하여 ActiveX 컨트롤 설치를 관리할 수 있도록 합니다. 이 서비스는 요청시 시작되며, 이 서비스를 사용하지 않도록 설정한 경우, ActiveX 컨트롤 설치는 기본 브라우저의 설정을 따릅니다. ADFS(ActiveDirectory Federation Services) ADFS 프록시를 사용하여 보안 토큰 요청을 전달합니다. AllJoyn Router Service 로컬 AllJoyn 클라이언트에 대해 AllJoyn 메시지를 라우팅 합니다. 이 서비스를 중지하면 자체에 번들된 라우터가 .. 2023. 6. 23. React(96) useContext 로 상태값 관리하기 예전에도 useContext 에 대한 개념을 다룬 적이 있지만 이번에는 실무에 직접 적용해본 경험을 정리해보려고 한다. 예전에 공부할 때는 개념적으로만 알다가 막상 사용해보니 너무x10 편리하고 좋았다. useContext 를 사용하는 이유는 redux 를 사용하는 이유와 같다 → 전역적인 상태값(state) 관리를 위해서이다. 여러 컴포넌트를 거치며 props의 drilled down 지옥을 맞본 새발자는 redux를 사용하자니 store 가 비대해질 것 같아 고민이었다. 또한 전역적이라기에는 특정 캠페인 페이지 내에서만 사용이 되는 상태 값이기 때문에 효율적이지 않다는 생각이 들었다. 그래서 useContext 를 사용하기로 결심했다. 사이트 내 전역적으로 사용되는 data 의 경우는 redux 를 .. 2023. 6. 1. Network - 네트워크 관리사 2급 필기 정리 요즘 네트워크 관리사 자격증을 따기 위해 기초부터 다시 공부하는 중이다. 네트워크는 정처기 공부를 하던 시절 무작정 외워서 그런지 실무랑 이론이 따로 놀았는데 기초부터 다시 공부하니 이해가 더 잘 가게 되는 것 같다. 공부하는 중이라 두서없이 기억나는데로 핵심만 정리해보았다. Network - 네트워크 관리사 2급 필기 요약 OSI 7 Layer & TCP/IP 4 Layer 네트워크 프로토콜은 실무적으로는 4계층(TCP/IP), 논리적으로 7계층(OSI 7 Layers)으로 나뉘어 진다. 응용 - 응용 표현 - 응용 세션 - 응용 전송 - 전송 네트워크 - 네트워크 데이터링크 - 네트워크 인터페이스 물리 - 네트워크 인터페이스 OSI 7 Layer 7계층을 비교가능하고 깔끔하게 정리해보았다. Layer.. 2023. 5. 21. Network - 네트워크 관리사 2급 필기 / NOS 정리 Window 이벤트 뷰어 윈도우는 시스템을 감시하다가 비정상적이거나 따로 기록해야할 만한 상황(이벤트)가 발생하면 여러 종류의 로그들에 기록한다. 예를 들어 서비스 기동 실패, 장치의 설치, 응용 프로그램 오류 등 보안 / 응용프로그램 / setup / 시스템 의 4가지 항목으로 구성되어 있다. PowerShell 특징 기존 DOS 명령어 사용가능 스크립트는 콘솔에서 대화형으로 사용 스크립트는 텍스트로 구성 대소문자 구분 X 윈도우 명령어 wbadmin.msc : 백업하는 명령어 diskmgmt.msc : 디스크 관리 hdwwiz.cpl: 하드웨어 추가 마법사 fsmgmt.msc: 파일시스템 공유 폴더 GUI net user : 네트워크 접속 사용자 net share : 공유상태 확인 net sessio.. 2023. 5. 16. Next.js - SVG 사용해서 컬러, 사이즈 변경하기 (Feat.svrg) Next.js 로 프로젝트를 하면서 컴포넌트에서 svg 아이콘을 사용하려고 하니 컬러변경이 되지 않았다. 알고보니 컴포넌트는 svg 형식을 지원하지 않는다고 한다. 그래서 svgr 이라는 툴을 사용하여 리액트 컴포넌트를 svg 파일로 사용할 수 있도록 만드려고 한다. Next.js - SVG 사용해서 컬러, 사이즈 변경하기 (Feat.svrg) 1. svgr 설치하자 npm 명령어를 사용해 인스톨해주자 npm install @svgr/webpack 2. next.config.js 에 아래 설정을 심어주자 // next.config.js const nextConfig = { // 웹팩을 통해 svg 파일을 리액트 컴포넌트로 변환하는 설정이다 webpack : (config) => { config.modul.. 2023. 5. 14. React(95) 리스트 더보기 기능 구현 오늘은 리스트 더보기 기능을 구현해보자 맨 처음에 아이템이 다섯 개만 보이는 리스트가 있다. [더보기] 버튼을 누르면 그 다음 5개를 더 불려오고 마지막 리스트가 나올 때까지 다섯 개씩 불려온다. 다 불러오게 되면 [접기] 버튼이 나오고 맨 처음 5개만 보이는 초기상태로 돌아가게 된다. 이것을 구현하기 위해서는 두가지 방법이 있다. 1. 더보기를 누를때마다 getList api 를 호출하여 부분적으로 받아오는 방법이 있고, 2. 처음에 getList api 를 호출하여 한꺼번에 받아온 배열을 프론트에서 보여주는 방법이다. 각각에 맞는 방법이 있겠지만, 나는 1번을 더 선호한다. 처음에 한꺼번에 전체 배열을 불러온다면 메모리를 그만큼 차지하게 되고, 만약 몇 만 건있는 데이터 배열이라면 과부하가 걸릴 수 .. 2023. 4. 25. 이전 1 ··· 4 5 6 7 8 9 10 ··· 39 다음 반응형
