차곡차곡

백준 #12789 도키도키 간식드리미 12789번: 도키도키 간식드리미 인하대학교 학생회에서는 중간, 기말고사 때마다 시험 공부에 지친 학우들을 위해 간식을 나눠주는 간식 드리미 행사를 실시한다. 승환이는 시험 기간이 될 때마다 간식을 받을 생각에 두근두 www.acmicpc.net from collections import deque import sys input = sys.stdin.readline n = int(input()) # 학생 수 num = deque(list(map(int, input().split()))) # 번호표 now = 1 # 현재 받아야 하는 번호 q = [] # 빈 공간 while num: if now == num[0]: num.popleft() now += 1 elif le..

변수에 숫자나 문자열 할당해서 사용 ex) {name}, {2+3} boolean이나 객체 사용 불가 (* object.name은 가능) jsx는 하나의 태그만 만들 수 있음 그래서 로 전체 묶어주는 거 인라인 스타일 : 객체로 작성, 카멜케이스 각 컴포넌트에 특화된 css css 모듈 사용 (컴포넌트명.module.css) import styles from ‘./Hello.module.css’ 똑같은 클래스명으로 작성해도 다른 스타일 적용 가능 state는 component가 갖고 있는 속성값 궁금한 것 npx vs npm vs yarn ?

작업 환경 설정 1. Node.js 설치 (*최신 버전보다 검증된 LTS 버전 추천) 웹 브라우저 환경 외에서도 JS를 사용할 수 있도록 한다. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org node -v # 설치 확인 2. Package Manager - Yarn 설치 (*node.js를 설치하면 npm은 자동으로 설치됨) facebook에서 npm의 단점을 보완하여 만든 라이브러리 관리 도구 # Mac os npm install --global yarn # Yarn 설치 yarn -v # Yarn 설치 확인 React 시작 yarn create react-app [앱 이름] # rea..

JSX 문법 1. 하나의 요소로 감싼다. // Error !! function Hello(){ return ( Hello I'm SoHyun ); } function Hello(){ return ( Hello I'm SoHyun ); } // Fragment 태그로 감싸기 function Hello(){ return ( Hello I'm SoHyun ); } // Fragment 축약 function Hello(){ return ( Hello I'm SoHyun ); } 2. 자바스크립트 표현식의 사용 // {} brackets로 감싸기 function Hello(){ const name = 'SoHyun'; return ( Hello I'm {name}! ); } 3. 조건부 렌더링 (1) return..

undefined : 변수를 선언하고 아직 값을 할당하지 않은 상태 null : 변수를 선언하고 빈 값을 할당한 상태 비교 연산자 == : 할당된 값이 같은지 비교 === : 자료형까지 고려하여 비교 document.getElementById(‘id 값’) id를 이용한 요소 노드 취득 document.getElementsByTagName(‘태그 이름’) 인수에 들어있는 태그 이름을 갖는 모든 요소 노드들을 탐색하여 반환 → HTMlCollection 객체 반환 [#] 인덱스로 접근 document.getElementsByClassName(‘class 이름’) 인수로 전달한 클래스 값을 갖는 모든 요소 노드들을 탐색하여 반환 → HTMlCollection 객체 반환 [#] 인덱스로 접근 document...

views.py로 부터 리스트를 받아 html에 출력하려 할 때, html 파일에서는 리스트 요소를 []가 아닌 .을 이용하여 접근해야 한다. 즉 {{ list[0] }} 과 같은 방식이 아닌, {{ list.0 }} 과 같은 방식을 사용해야 한다. Stage 2 -장고로 파이썬 깨닫기 (2) - FACEBOOK 함께 만들며 배우는 웹개발 스터디 diary = ['오늘은 날씨가 맑았다. - 4월 3일', '미세머지가 너무 심하다. (4월 2일)', '비가 온다. 4월 1일에 작성'] return render(request, 'play2.html', { 'name': choidogeun, 'diary': diary, 'cnt': count, 'age': status }) book.coalastudy.com

https://youtu.be/4_WLS9Lj6n4 변수 var 한 번 선언된 변수를 다시 선언할 수 있다. 선언은 호이스팅 되지만 할당은 호이스팅 되지 않는다. (*호이스팅 : 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것으로, var 로 선언한 변수의 경우 호이스팅 시 undefined 로 변수를 초기화한다. 스코프 내부 어디서든 변수 선언은 최상위에 선언된 것처럼 행동하는 것이다.) 함수 스코프(function-scoped) : if문에서 선언된 변수는 외부에서 사용 가능하지만 함수 내에서 선언된 것은 외부에서 사용 불가능 (≈ 전역 변수) 유일하게 벗어날 수 없는 스코프 = 함수 선언 및 초기화 단계 (*초기화 : undefined를 할당해주는 단계) 할당 단계 → 그래서 ..

오늘 한 것 행, 열 크기에 맞춰 힌트 입력란 생성 How to create dynamically I want to create an input type text in my web form dynamically. More specifically, I have a textfield where the user enters the number of desired text fields; I want the text fields to be generated stackoverflow.com 힌트 입력하는 페이지(next.html)와 결과 보여주는 페이지(result.html) 분리 index.html에서 입력받은 row, col 값이 result.html에도 전달될 수 있도록 url 파라미터 이용 # next.ht..