자바스크립트(5)
-
[Python] 백준 파이썬 풀이 11724/연결 요소의 개수
문제 방향 없는 그래프가 주어졌을 때, 연결 요소 (Connected Component)의 개수를 구하는 프로그램을 작성하시오. 입력 첫째 줄에 정점의 개수 N과 간선의 개수 M이 주어진다. (1 ≤ N ≤ 1,000, 0 ≤ M ≤ N×(N-1)/2) 둘째 줄부터 M개의 줄에 간선의 양 끝점 u와 v가 주어진다. (1 ≤ u, v ≤ N, u ≠ v) 같은 간선은 한 번만 주어진다. 출력 첫째 줄에 연결 요소의 개수를 출력한다. 예제 입력 1 6 5 1 2 2 5 5 1 3 4 4 6 예제 출력 1 2 import sys input = sys.stdin.readline sys.setrecursionlimit(1000000) #재귀 최대깊이, dfs 사용 시 오류 방지 n, m = map(int, inp..
2023.02.02 -
[JS] throw문으로 에러처리하기
throw: 자바스크립트의 에러 이외의, 내가 예외로 처리하고 싶은 예외 규칙을 설정할 수 있다. if (isNaN(answer)) { //숫자가 아닐 시 throw new Error("숫자를 입력하세요"); } if (answer === 0) { //0을 입력했을 시 throw new Error("0을 입력했습니다"); } if (answer.length !== 3) { //세자리 수가 아닐 시 throw new Error("세자리수를 입력하세요"); } throw "에러문구" throw "잘못된 단어입니다" throw new Error("에러문구") Error 객체를 사용하면 해당 정보가 출력된다. throw new Error("0을 입력했습니다"); try-catch문 안에 작성하여 쓰면 에러 핸들..
2022.11.03 -
[JS] Axios VS Fetch / Axios와 Fetch 중 뭐를 사용해야할까
개요 API를 연동하기 위한 문법으로 Axios/ Fetch를 사용해셨을겁니다 ! 둘의 문법은 거의 차이가 없어서 무슨 차이가 있는지 헷갈렸어요 ㅠ 저도 API를 연동하던 와중 둘의 차이를 구분하고 싶어서 찾아봤고, 정리하기 위해 글을 남깁니다! 1.Axios란? 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 주로 API 연동/백엔드랑 프론트엔드 사이의 통신에서 사용됨 2. Axios 문법 1) axios 설치하기 npm install axios 2) axios 문법 구성 //App.js import axios from "axios"; /*API 연동하기, API별로 사용법이 바뀔 수 있음*/ const getData = async (e) => { con..
2022.09.22 -
[React] React에서 차트 데이터 보여주는 법/ React에서 APEXCHARTS 사용하기
//노마드 코더 리액트 마스터 강의 내용을 공부용으로 정리한 것입니다 //챌린저 내용은 전혀 없습니다 APEXCHARTS란? 자바스크립트에서 사용할 수 있는 차트 라이브러리로, 차트를 시각화해서 보여준답니다! 앵귤러, 리액트, 웹 컴포넌트, JQuery, ASP.NET 등 다양한 프레임워크와 통합하여 사용할 수 있어 차트를 시각화하여 사용자에게 보여줄 수 있게 도와줍니다! 저는 react와 연계해서 사용할 것이기 때문에 React-ApexChart - A React Chart wrapper for ApexCharts.js Create React Charts using a React Chart component for ApexCharts. Build beautiful and interactive visua..
2022.05.21 -
[JS/CSS] styled-components가 뭘까?/ styled-components 기본 문법 정리!
(1) 왜 styled-components를 사용해야할까? (2) styled-components 환경설정하기 (3) styled-components의 기본문법 (4) styled-components에서 props 사용하기 프론트엔드 개발자의 기본소양 html , css, js! 이제 styled-components 안 쓰면 개구린 프론트 개발자라고 합니다 요즘 프론트 트렌드는 한 컴포넌트에 html js css 코드를 다 때려박아서 컴포넌트 별로 관리하는 게 대세라는데요.... 이는 재활용성도 높고 "아 이게 무슨 코드구나!" 읽기 좋고 유지보수에 유리한 코드를 작성할 수 있다고 하는데... 이를 실현시켜주는 게 styled-components! 한 번 배워봅시다 (1) 왜 styled-componen..
2022.05.05