본문 바로가기

분류 전체보기

(13)
파이썬의 기본문법, 코드작성 규칙(PEP8)에 대하여 알아보자. 자바스크립트를 배우다가 저번주부터 파이썬공부를 시작했는데 스타일이 자유분방한 javascript에 비해 python은 세세한 규칙같은것들이 많고 들어쓰기와 띄어쓰기 하나에도 신경을 써야하는 아름다운(?)언어다. (정렬에 집착하는 나로서는 파이썬이 아주 마음에 든다는 사실.) PEP8이란? PEP ( Python Enhance Proposal ---> 파이썬 개선 제안서 ) 는 파이썬 코드의 작성규칙(coding convention)에 대한 문서이다. 이건 한글 번역복이다. 내용이 매우 방대함. 출처: https://bodhi-sattva.tistory.com/53 파이썬 기본문법, 코드작성 규칙(PEP8) 본격적으로 파이썬을 공부하면서, 잠깐만 알고 넘어갈 것이 있다면, 파이썬에는 코딩스타일이 자유롭지않..
#!/usr/bin/env 를 쓰는 이유. 생활코딩 이고잉님의 파이썬 수업을 듣다가 스크립트 파일의 최상단에 #!/usr/bin/env python3 를 작성하는 내용이 있었다. 주석이라는 뜻인가? url도 아니고 usr? bin은 또 뭐지? 해서 한 번 구글에 검색해보았다(기승전검색 ). #! ---> shebang:sharp(#) 와 bang(!)의 합성어. 일단 #!은 주석이 아니라 하나의 기호이다. #! 뒤에 나오는 것은 경로명으로 명령어들을 해석할 프로그램의 위치를 가리켜준다. 하지만 여러 사람이 한 파일을 공유하는 경우에, 사람마다 컴퓨터에서 파이썬의 위치가 다를 수 있다. 내 컴퓨터에서 python의 위치가 /usr/bin/python라서 절대경로를 /usr/bin/python 이라고 저장했다고 가정해보자. 그런데 A의 컴퓨터에서 파..
Redux - 왜서 Redux를 써야 하는가. Redux는 오픈 소스 자바스크립트 라이브러리의 일종으로, state를 이용해 웹 사이트 혹은 애플리케이션의 상태 관리를 해줄 목적으로 사용한다. Redux에 대해 쉽게 이해하기 위해 먼저 간단한 예시를 하나 들겠다. 왼쪽처럼 A컴포넌트가 B컴포넌트 안에, B컴포넌트가 C컴포넌트 안에, C컴포넌트가 D컴포넌트 안에 있다고 해보자. 그리고 A를 통해 D컴포넌트에 무언가를 하려고 하면 어떻게 해야 할까? A -> B -> C -> D 의 순서로 접근해야 한다. 이고잉님의 비유로 만약 A부터 D사이에 1억개의 컴포넌트로 생성된 루트가 있다고 생각해보자. 끔찍하다. 이때 Redux를 사용하면 store 라는 매체로(어플리케이션 전체에는 하나의 store만 존재한다) A -> store -> D 식의 훨씬 효율적..
Object.freeze() vs const Object.freeze() 란? MDN 문서에서는 Object.freeze()는 '객체를 동결하기 위한 메서드'라고 설명한다. 동결된 객체는 더 이상 새로운 속성을 추가하거나 존재하는 속성을 제거하는 것을 방지한다. 즉 Object.freeze() 를 사용하면 immutable(불변하는) 객체를 만들 수 있다는 뜻이다. 그럼 예제를 살펴보자. let cat = {name:seven}; Object.freeze(cat); cat.name = 'one'; console.log(cat) // => {name:seven}; 이것처럼 let 로 선언한 객체를 Object.freeze() 로 동결하였다. 따라서 객체의 property(속성)을 변경하지 못했다. cat = {code:'meow'}; console...
[React]Props 와 State의 차이점 -Props와 State의 차이 1.Props의 특성 -읽기 전용이다. -부모 요소에서만 설정 가능하다. Props는 변할 수 없다. 자식 컴퍼넌트는 상속하는 부모 컴퍼넌트로부터 props를 받는데 이 props는 상속받는 자식 컴퍼넌트에서는 수정이 불가능하다. React의 데이터 흐름은 TOP-DOWN 형식이므로 부모 컴퍼넌트에서 데이트를 출력해서 자식 컴퍼넌트로 내려가는 형식이기 때문이다.props 는 "this.props.xxxx"로 표시된다. 2.State의 특성 -state 변경은 비동기 될 수 있다. -state는 this.setState를 사용하여 수정되어 질 수 있다. props와의 차이점은 변할 수 있다는 것이다. state는 고정된 데이터가 아니라 변경될 수 있는 처리할 때 효율적으로 ..