0522 TIL

김형석·2022년 5월 22일
0

wanted-POB

목록 보기
14/26

핵심

코드리뷰

  • 스타일 파일은 소문자로 시작할것
  • 리액트 쿼리 사용법 명확하게 체크
  • if 깊이는 깊게 가져가지 말 것
  • 케밥케이스 (kebab-case) 라는것도 있다는 정도만 알아두길
  • 하위 컴포넌트 한 뎁스 정도만 내려줄때는 props로 내려주는게 좋다
  • inline 태그 안에 다른 태그를 넣을 생각을 하덜 말기

강의 내용

매드업 과제 (72시간)

https://www.figma.com/file/4LvAWqkU4ZMcI14MEZzJTx/Madup-X-Wanted-FE-PJT?node-id=2%3A1168

차트 추천

Victory

tip

  • cornerRadius
  • VictoryStack

과제 체크 사항

  • 통합 광고 현황의 주간 / 일별의 정확한 의미
  • 상단의 데이트 피커 날짜 변경시 변하는 것들

강의 외 내용

강의 쉬는시간에 유튜브를 보던중 pyscript에 대한 내용이 있어서 잠시 영상을 시청했다.

https://github.com/pyscript/pyscript

아직 베타 단계에있는 프로젝트이고 무려 파이썬을 웹에서 사용할 수 있도록 JS처럼 사용할 수 있도록 해주는건데

너무 흥미로웠다. 파이썬이 과연 먼 훗날 JS를 대체할 수 있을까..

예시 코드

<!DOCTYPE html>
<html lang="en">
<head>
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
    <title>Document</title>
</head>
<body>
	<py-script src="./main.py"></py-script>
	<main>
		<div>
			<input 
				type="number" 
				id="number_input" 
				min="1" max="50" 
				placeholder="Guess a number 1 ~ 50"
			/>
			<button id="add_todo" pys-onClick="play_game">Guess</button>
		</div>
		<div id="result"></div>
	</main>
</body>
</html>

main.py

profile
코드로 소통하기 위해 힘쓰는 프론트엔드 개발자 입니다.

0개의 댓글