JiSoo's Devlog

n = input() m = input() r = 0 for i in m: r+=int(i) print(r) 하나의 정수만 입력받기 때문에 input()만 사용했고 합을 구해주기 위해 r을 처음에 초기화한 후 for문을 이용해 더해주는 방식을 사용했다

React JS는 UI를 interactive하게 만들어 준다 React JS를 설치하기 위해서는 두 개의 JavaScript 코드를 import 해야 한다 -> react, react-dom ReactJS의 규칙 중 하나는 HTML을 페이지에 직접 작성하지 않고 JavaScript와 ReactJS를 이용해 element 생성 react-dom은 모든 React element들을 HTML body에 들 수 있게 해 준다 ReactDOM.render()은 react element를 HTML로 만들어 배치 React.createElement("span", {span의 property}, “span 내용”) property는 classname, id 가능, style도 가능 바닐라 JS에서는 HTML -> J..

a = int(input()) for i in range(a): b, c = map(int, input().split()) print(b+c) range함수의 기본은 range(a, b)와 같은 형태로 a 이상 b 미만을 의미, 앞의 0 생략 가능

a,b,c,d,e = map(int,input().split()) k = (a*a+b*b+c*c+d*d+e*e)%10 print(k) n = list(map(int, input().split())) t = 0 for i in n: t +=i*i print(t%10) 입력값을 리스트로 받고 변수 t를 0으로 초기화한 후 전체 합산 값 받기

w = input().upper() nw = list(set(w)) wl = [] for i in nw: wl.append(w.count(i)) if wl.count(max(wl)) > 1: print("?") else: print(nw[(wl.index(max(wl)))]) 처음에 입력받는 문자의 대소문자 구별을 위해 upper 함수 사용 비교를 위해 set 함수 사용해 중복된 문자값 제거 후 변수에 저장 for문으로 알파벳이 사용된 횟수 리스트에 저장 if문으로 출력문 작성, 알파벳이 사용된 개수 중 1보다 크면 물음표 출력 최댓값이 하나라면 리스트 중 가장 큰 수의 위치를 index로 찾아 문자열 출력 list 혹은 문자열에서 특정 element가 몇 개인지 알고 싶을 때 list.count() 함..

w = input().split() print(len(w)) 띄어쓰기가 된 글자 잘라주기

a, b = map(int,input().split()) if(a>b): print(">") elif(a>> a = input().split() 1 2 3 4 >>> a ['1', '2', '3', '4'] map(적용할 함수, 반복 가능한 자료형) map을 사용하면 한 줄로 모든 자료형 각각에 함수 적용 가능 >>> a, b = map(int, ['123', '456'] >>> a 123 >>> b 456

양식 개발자 시각에서 폼은 폼과 그 입력 때문에 넓고 다양한 상태를 나타낼 수 있어 굉장히 복잡할 수 있다 하나 이상의 입력 값이 모두 유효하지 않을 수도 있으며 모두 유효할 수도 있고 심지어는 서버로 리퀘스트를 보낸 뒤에 특정 값이 사용 가능한지 확인해야 하는 비동기 유효성 검사를 이용해야 해서 상태를 알 수 없을 수도 있다 input 요소에서 포커스를 잃었을 때 입력값의 유효성을 검증하는 경우에 좋은 점은 전체 폼이 제출되고 경고 메시지를 보내기 전에 사용자가 유효한 값을 입력할 수 있다는 것이다 양식 제출 처리 및 사용자 입력 값 가져오기 사용자 입력을 가져오는 방법에는 크게 두 가지가 있는데 모든 키 입력마다 확인하며 이 값들을 어떤 상태 변수에 저장할 수 있고 ref를 이용해 사용자가 값을 모두..

'커스텀 훅'이란? 안에 상태를 설정할 수 있는 로직을 포함한 함수 커스텀 훅을 만들어서 재사용 가능한 함수에 상태를 설정하는 로직을 아웃소싱할 수 있다 정규 함수와는 다르게 커스텀 혹은 다른 커스텀 훅을 포함한 다른 리액트 훅을 사용할 수 있다 useState나 useReducer를 통해 관리하는 리액트 상태를 활용할 수 있다 커스텀 훅을 통해 다른 컴포넌트에서 사용할 수 있는 로직을 커스텀 훅으로 아웃소싱할 수 있으며, 이를 통해 다양한 컴포넌트에서 호출이 가능하다 로직 재사용이 가능한 메커니즘 정규 함수와 특수 함수의 관계와 같이 커스텀 훅 함수에서는 리액트 훅과 다른 훅을 사용할 수 있다 커스텀 리액트 컴포넌트 Re-Evaluation Hook 함수 생성하기 별도의 함수에 이러한 공통 로직을 아웃..

데이터베이스에 연결하지 않는 방법 리액트 앱이나 일반적인 브라우저 앱에서는 브라우저에서 실행되는 자바스크립트 코드가 데이터베이스와 직접 통신하면 절대 안 된다 데이터베이스를 데이터베이스 서버에서 실행하는 것은 문제가 안되지만 앱으로 직접 데이터를 가져오거나 저장하고 연결을 맺는 행위는 외부 환경에서 절대 해서는 안 되는 일이다 데이터베이스에 직접 접근하는 것은 성능 문제와 같은 다른 문제를 발생시킬 수 있지만 그 무엇보다 보안 이슈 사항이 가장 큰 문제이다 리액트 앱은 일반적으로 해당 백엔드 서버, 또는 백엔드 API라고 불리는 서로 다른 URL로의 요청을 전송하는 서버와 통신하게 된다 GET 요청 보내기 자바스크립트 내에서 HTTP 요청을 전송하는 내장 메커니즘이 있는데 Fetch API라고 한다 Fe..