본문 바로가기

전체 글353

React(97) Slick 슬라이더와 커스텀 탭 연동하기 (Feat. afterChange) slick 을 이용하여 슬라이더를 만들어보았다. 커스텀 탭을 추가하여 배너 움직임에 따라 탭도 자동으로 움직이도록 해보자 다음처럼 화면에 한장씩 보이는 싱글 슬라이더가 있다. 슬라이더 아래에는 커스텀 탭이 위치한다. 탭을 클릭하면 해당 슬라이더로 이동한다. 또한 [ ] 버튼으로 슬라이더를 이동하면 탭이 선택된다. React(97) Slick 에 커스텀 탭 사용하기 코드를 짜기 전에 내손에 쥐어진 무기가 뭐가 있는지 살펴보자 👊(현실은 맨주먹) slick 컴포넌트의 내장 Setting 기능 중 바로 요 기능을 이용해볼 것이다. BannerSlider.tsx 우선 Tab 과 ImageSlider 컴포넌트를 임포트 해주자 import Slider, { Settings } from 'react-s.. 2023. 7. 12.
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 02/11/2025 💡 실기 배점(케이블 문제, 원도우 문제, TCP/IP, 라우터를 중점으로 보기로 결정)문제문항수배점총 점수 UTP  케이블1 (10분 제한)6.56.5윈도우85.544리눅스25.511TCP/IP 장비35.516.5신경향 및 보안15.55.5라우터35.516.5총 6 과목총 18 문제총 80 분총 100 점  서브넷 주소 구하기IP 에는 클래스가 나뉘어 있고, IP 를 사용하기 위해 클래스를 할당받아서 사용한다.클래스 단위로 네트워크 구간(IP 할당 구간)을 나누게 되면 어떤 이는 부족해지고, 어떤 이는 남아 돌게 된다.A : 0.0.0.0 - 126.255.255.255    //.. 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.
반응형

티스토리툴바