본문 바로가기

전체 글389

Cloud03 - IP, DNS, DHCP, hostname, domain name, Wireshark, httpd, REACT, Python용 PS, VSCODE 설정 가져오기 REACT를 써보자 PS용 Python 설치 Python 개발 환경 설정 (Visual Studio Code 활용) :: 오늘부터 프로그래밍 시작 (tistory.com) Python 개발 환경 설정 (Visual Studio Code 활용) Python의 편집기로 다양한 platform이 존재하지만, 최근에는 Visual Studio Code가 가벼워 많이 활용되고 있다. Python을 Visual Studio Code에서 사용하기 위해서는 복잡한 설치 및 설정 과정이 필요하다. 1. Pyt.. rswm-ju.tistory.com 와 개쩐다 설명 개 잘해놓음 토이프로젝 #3. nginx & react 실행 환경 구축하기 : 네이버 블로그 (naver.com) 토이프로젝 #3. nginx & react .. 2022. 1. 3.
정렬 알고리즘 기술들 정렬시 ans.sort() ans.sort(reverse=True) 해야지 sorted로 한것과 다르게 받아오기 쉬움 인자가 1개일때 2751 import sys sys.stdin = open('./python/input.txt','r') input = sys.stdin.readline t = int(input()) ans = list(int(input()) for _ in range(t)) ans.sort() print('\n'.join(map(str,ans))) 인자가 2개일때 11650 좌표정렬하기 import sys sys.stdin = open('./python/input.txt','r') input = sys.stdin.readline t = int(input()) ans = list(.. 2022. 1. 3.
react.js & node.js 7일차 styled-components는 scss 처럼 쓸 수 있기 때문에 속성안에 다른 속성을 또 적어줄 수 있다. 또한 내부에서 상속받아서 css를 적어줄 수도 있다. 위와같이 위쪽에 선언된 속성을 긁어와 상속받은 다음 추가 속성을 붙일 수 있다. --- flex 이번에야말로 CSS Flex를 익혀보자 – 1분코딩 (studiomeal.com) 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com display:flex flex-direction:column align-items: center 이.. 2022. 1. 1.
react.js & node.js 6일차 Review 그냥 변수 => jsx에서 보이지 않고 값이 안바뀌는 경우(상수) useState 를 쓰는 이유 => jsx에서 써야하고 값이 계속 변하는 변수인경우(변수) - 변하면 랜더링됨 useRef를 쓰는 이유 => jsx 보이지 않아도 되지만 값이 바뀌는 경우(static) - 변해도 랜더링 안됨 이때 useState로 할당된 함수와 변수는 비동기이다. 그래서 한 동작에 여러번 실행시키어도 한번만 적용된다. 위에서의 함수도 비슷하게 비동기라서 묶여서 한번에 실행된다. 그렇다보니 한번클릭에 값이 1만 증가된다. 그래서 이걸 연속으로 하기 위해서는 callBack 함수를 사용하는 방법이 있다. 위와같이 실행하면 prev인자로 이전값이 들어오기 때문에 업데이트가 되는 것이다. 하지만 위와같이 하면 결국에.. 2022. 1. 1.

티스토리툴바