리스트 리스트명 = [요소1, 요소2, 요소3, .. ] 여러 개의 값을 집합적으로 저장 다른 언어의 배열에 해당하며 실제로 배열과 비슷한 방식으로 사용 [] 괄호 안에 요소를 ','로 구분하여 나열함으로써 초기화 파이썬에서는 리스트 하나에 다른 타입의 값을 섞어서 저장하는 것도 가능 일반적이지 않고 같은 타입이 아니면 실질적인 의미나 실용성이 떨어짐 실행 중에 요소 추가 가능 score = [88, 95, 70, 100, 99] sum = 0 for s in score: sum += s print("총점 : ", sum) print("평균 : ", sum / len(score)) 더보기 총점 : 452 평균 : 90.4 리스트의 요소 [begin:end:step] 리스트는 여러 가지 면에서 문자열과 유..

a, b = map(int, input().strip().split(' ')) 예전에 파이썬 독학한다고 처음 백준 문제 풀어볼 때 입력값을 여러개 받아야 할 필요가 있었다. 그래서 저 말 그대로 구글링에 쳤을 때 위와 같이 코드가 나왔다. 당시에는 이해를 못하고 그냥 썼는데 지금은 한 번 이 코드를 뜯어보겠다. 1. map map은 컬렉션 관리에 사용되는 람다 함수이다. 파이썬에서 "lambda"는 런타임에 생성해서 사용할 수 있는 익명 함수를 의미한다. 람다함수는 결과 부분을 return 키워드 없이 자동으로 return 해주고, 익명함수라는 이름처럼 함수의 이름을 지정하지 않는다. map 함수의 모양은 다음과 같다. map(변환 함수, 대상 리스트) 모든 요소에 대해 변환 함수를 호출하여 새 요소값으..

컴포넌트 앱을 이루는 최소한의 단위 컴포넌트에는 클래스형 컴포넌트와 함수형 컴포넌트가 존재 클래스형 컴포넌트 class App extends Component { render() { const name = "리액트"; return {name}; } } 함수형 컴포넌트 // 일반 함수 function App() { const name = '리액트'; return {name}; } // 화살표 함수 const App = () => { const name = '리액트'; return {name}; } [참고] 일반 함수와 화살표 함수의 this [javascript] 일반 함수와 화살표 함수의 차이 (feat. ES6) 항상 일반 함수와 화살표 함수의 정확한 차이점을 지나쳐 왔습니다. 단순하게 화살표 함수(A..

리액트의 발상 [상황] 인터랙션이 많고 동적 UI 표현이 필요합 웹 애플리케이션 ↓ [문제] DOM을 직접 건드리면서 작업하면 코드가 난잡해지기 쉬움 ↓ [해결] Ember, Backbone, AngularJS 등의 프레임워크 등장 자바스크립트의 특정 값이 바뀌면 특정 DOM의 속성이 바뀌도록 연결 = 업데이트 작업 간소화 ↓ [문제] 애플리케이션의 규모가 크면 상당히 복잡해지고 제대로 관리하지 않을시 성능 저하 발생 ↓ [해결] React 라이브러리 등장 데이터에 변화가 있으면 기존에 있던 뷰를 날려버리고 새로 렌더링하는 방식 더보기 렌더링 사용자 화면에 뷰를 보여주는 것 ↓ [문제] 모든 것을 새로 만들면 속도와 성능 저하 ↓ [해결] Virtual DOM 사용 더보기 DOM (Document Obj..

PUT(수정) 아는 단어인지 체크하는 부분은 상태를 유지하는 게 좋음 -> PUT메소드를 이용하여 단어의 isDone필드를 수정하자 // Words.js ... function toggleDone() { fetch(`http://localhost:3001/words/${word.id}`, { method: "PUT", headers: { "Content-Type": "application/json", // 보내는 리소스의 타입 (html, 이미지 등) }, body: JSON.stringify({ // body에는 수정을 위한 정보들, JSON문자열로 변환 ...word, isDone: !isDone, }), }).then((res) => { if (res.ok) { setIsDone(!isDone); ..