VS code에서 React를 하려고 할 때, 자동 완성 태그가 안됐다구글에 검색해보니 다행히 나와 같은 고충을 겪는 분들이 많아보였다2가지 방법인데 원리는 같고, 1번째 방법이 안되면 2번째로 해보면 될 것 같다  첫번째 방법  1. 왼쪽 상단 [파일] - [기본설정] - [설정] 또는 `Ctrl +`        2. include Languages 검색 후 [항목추가]항목 : javascript  / 값 : javascriptreact        일반적인 경우 위의 방법으로 추가가 가능하지만,   나의 경우 django를 미리 설정해둔 것 때문에VSCode 자체 설정 오류로 항목추가에서 에러가 발생했다   그래서 직접 settings.json으로 가서 수정하니 잘 됐다! (아래 2번째 방법)   ..

문제설명- 비어있는 공집합 S가 주어졌을 때, 아래 연산을 수행하는 프로그램- add x: S에 x를 추가한다. (1 ≤ x ≤ 20) S에 x가 이미 있는 경우에는 연산을 무시한다.- remove x: S에서 x를 제거한다. (1 ≤ x ≤ 20) S에 x가 없는 경우에는 연산을 무시한다.- check x: S에 x가 있으면 1을, 없으면 0을 출력한다. (1 ≤ x ≤ 20)- toggle x: S에 x가 있으면 x를 제거하고, 없으면 x를 추가한다. (1 ≤ x ≤ 20)- all: S를 {1, 2, ..., 20} 으로 바꾼다.- empty: S를 공집합으로 바꾼다.입력값1. 수행해야 하는 연산의 수 M2. M개줄에 걸쳐 수행해야하는 연산이 한 줄에 하나씩 주어진다출력값check 연산이 주어질 때..

문제 설명- 자연수 A를 B번 곱한 수를 C로 나눈 나머지를 구하는 프로그램- A,B,C는 2,147,483,647 이하의 자연수  보기엔 단순해보이지만, 시간 제한이 타이트하고 자연수의 크기가 커서 시간초과가 나기 딱 쉬운 그런 문제 1. ** 연산자 사용import sysinput = sys.stdin.readlineA,B,C = map(int,input().split())ans = A**B%Cprint(ans) ** 연산자- x ** y 형태로 사용- 가장 짧고 간단한 방법으로 거듭제곱을 수행할 수 있음- ** 연산자는 내장 연산자이기 때문에 별도의 import 없이 사용 가능 특징** 의 반환값은 파라미터의 type에 따라 결정됨속도 측면에서 ** 연산자가 일반적으로 더 빠르다. 결과역시 시간초과..

1편, 2편에 이어 코딩애플님 AlertBox 만들기 3편(유튜브로는 6강의 내용)  React가 조금 더 부드럽고 여러가지 기능이 많기 때문에요즘은 jQuery를 잘 사용하지 않는다.  하지만 과거부터 현재까지 jQuery를 사용한 웹 사이트가 많이 남아있기 때문에눈에 익혀둘 겸 가볍게 공부했다!  전체 코드 안녕하세요   jQuery 설치법(CDN 이용) 구글에 jquery CDN 검색해서 3.x 에서 minified 버전 사용- uncompressed : 하나도 압축하지 않은 원본- minified : 공백 제거한 압축본느낌- slim : 몇몇 기능이 빠진 가벼운 버전- slim minified : slim + minified  요소 선택$('CSS셀렉..

지난번에 이어 JavaScript 복습하기!그 중에서 JavaScript 에서 중요한 EventListener 파트에 대해 공부할 예정이다  Alert 2개 만들기 [1] 각각의 함수 만들기- 어려우면 한글로 먼저 따라써보기- p태그를 어떻게 지정해야할지 몰라 헤맸는데, id를 부여해주면 해결되는 문제였다! Alert 박스 닫기 아이디 비밀번호   [2] 파라미터 활용하기- 개인적으로는 글이 길어지면 파라미터도 길어져 가시성은 좀 아쉬움- 상황에 맞게 활용해야 할 듯 Alert 박스 닫기 아이디 비밀번호   [3] addEventListener 사용하기- Ev..

JavaScript는 이미 배워 친숙한 친구이지만최근 Django를 하느라 소홀하게 대한 부분이 있어오랜만에 복습겸 유튜버 코딩애플님의 AlertBox 만들기를 따라해봤다!  난이도는 매우매우 쉬움!그래도 싸피에서 배웠던거랑 다른 부분도 있어서 신기했다 이번글은 코딩애플님이 알려주신 것 + 내 생각을 정리를 적어볼 예정이다시작!   1. HTML 요소 변경하기document.getElementById('???').???='red'- 이 형식을 활용하여 대부분의 HTML 요소를 수정할 수 있음- 다만, 가능한 종류가 많기 때문에 '???' 부분은 구글 검색으로 찾아보면서 해야함- 검색할 때 '$' 표시 있는 건 jQuery 문법으로 javascript와 다른거임  안녕하세요! 올때메로나 ..

React 공부를 위해 호기롭게 시작했으나설치에서부터 난관에 부딪혔다..!  이번 글에서는 React 설치 방법과 에러 발생 시 해결 방법에 대해 작성하겠습니다에러 해결 방법이 궁금하신 분들은 글 하단으로 가시면 됩니다.   React 설치 및 프로젝트 생성 방법 개발 환경 셋팅1. nodejs 검색해서 설치2. vscode 에디터 검색해서 설치3. yarn 설치 (`npm install --global yarn')4. git 설치 프로젝트 생성youtube cordingapple 1. 작업용 폴더 만들기  2. Shift+우클릭 - PowerShell/터미널 열기  3. 터미널 창에 `npx create-react-app 프로젝트명` 입력  4. 만약 허가되지 않은 스크립트 어쩌구 에러가 뜬다면  5...

모듈하나의 파이썬 파일로 묶인 변수와 함수의 모음으로 특정 기능을 함다른 프로그래머가 만든 코드를 생산성을 위해 활용하는 것내장모듈 : 파이썬에 이미 있는 수학 관련 변수와 함수 (ex. math. pi)사용법모듈명. 변수명(함수명)- 점의 왼쪽에서 오른쪽에 있는 이름을 찾아라1. import문 사용import mathprint(math.sqrt(4))2. from 절 사용from math import sqrtprint(sqrt(4))- 일반적인 경우 내가 만든 함수인지, 모듈의 함수인지 혼동될 수 있어 1번 코드가 더 명시적임3.  * 사용from math import * - 모듈 내 모든 요소를 한번에 import 하는 것- 오류가 날 수 있어 주의해야 함주의사항- 모듈에서 함수명/변수명이 같은 경우..

float 소수점 설정하기:.(원하는 자릿수)f  문제>출력값 : 10.5 * 50 = 525.0 a = float(10.5)b = float(50) c = float(a*b)#print(a,"*",b,"=",c)print(f'{a} * {b:.0f} = {c:.1f}')   문자열 슬라이싱 a는 28~35번째 까지의 글자b는 113번째부터 총 5글자c는 66번째부터 68번째를 뒤집은 글자d는 322번째부터 총 4글자를 뒤집은 글자e는 365번째부터 작성된 "study"  a = secret[28:35]                                     #28이상, 35미만b = secret[113:113+5]                              #113번째부터 총 5글자니..

프로그래밍프로그래밍의 핵심 & 목적새 연산을 정의하고 조합해 유용한 작업을 수행하는 것"문제를 해결"하는 강력한 방법git bash 나가는 법 : exit()val1 = 10의 의미 : 어딘가에 저장된 상수 10을 가르키는 값이 저장됨(10으로 가는 길을 저장) 연산자 & 진수&지수연산자 우선순위** → -(음수부호)  →*,/,//,% → +,-ex1) -2 ** 4 = -16              #**(지수)가 더 높기 때문에 2**4 먼저 계산된 뒤 다음 우선순위인 -가 작용함ex2) -(2**4) = -16ex3) (-2)**4 = 16진수 표현2진수 : 0b8진수 : 0o16진수 : 0x10지수 표현314e-2 : 3.14 변수변수 : 값을 저장하기 위한 이름변수 할당 : 표현식을 통해 변수..

Sequence Type- 문자열, 리스트, 튜플, range  [ 리스트 ]여러 개의 값을 순서대로 저장하는 변경 가능한 시퀀스 자료형0개 이상의 객체를 포함하며 데이터 목록을 저장모든 자료형 저장 가능시퀀스이기 때문에 시퀀스의 특성 5가지를 모두 대입 가능!(인덱싱, 슬라이싱, 길이)단계적 접근ex_list = [1,a,2,'study',['hello', 'world','happy']]print(ex_list[4][0])         #helloprint(ex_list[4][0][-1])    #o가변성을 가지고 있다'ex_list[0] = z' 라고 하면 0번째 값이 z로 바뀜val1 = [1,2,3]의 뜻 : val1이 1,2,3이 저장된 집합체의 주소를 값val2 = val1의 뜻 : val1..

1대1 가위바위보 Problem가위 1, 바위 2, 보 3이긴사람 출력  TRY1A,B =map(int, input().split())if A-B == 1 :    print("A")elif A-B == -1 :    print("B")elif A-B == 2 :    print("B")elif A-B == -2 :    print("A")  #값의 차이를 이용해 이기는 경우를 각각 지정함#elif문이 3개나 들어가 비효율적임 #실행시간 : 115ms  TRY2A,B =map(int, input().split())dif = A-Bif dif == 1 or dif == -2 :    print("A")elif dif == -1 or dif == 2 :    print("B")  #A와 B 값의 차이를 di..