더미 데이터 구현, map() 반복문 db폴더 생성 - data.json 파일 생성 데이터 - https://github.com/coding-angma/voca/blob/lesson/9/src/db/data.json @ DayList 컴포넌트 생성 day 개수만큼 를 만들어줘야 함 -> map 사용 import dummy from "../db/data.json"; export default function DayList() { console.log(dummy); return ( {dummy.days.map((day) => ( Day {day.day} ))} ); } 이 상태에서 console을 보면 경고문이 뜸 Warning: Each child in a list should have a unique "..

이벤트 처리 1. 미리 함수로 만들어서 전달 onClick={함수명} 문자열이 아니기 때문에 중괄호 사용 // Hello.js export default function Hello() { function showName() { console.log("Mike"); } return ( Hello show name show age ); } 만일 showName()과 같이 함수 뒤에 ()을 붙여주면 함수가 반환하는 값이 들어감 현재는 반환값이 없으니 undefined 2. onClick 내부에 직접 함수 작성 { console.log(30); }} > show age 이 방법의 장점은 매개변수를 전달하기가 편하다는 점 export default function Hello() { function showAge(..

설치(create-react-app) npx create-react-app [프로젝트명] * 강의에서는 npx create-react-app voca npx는 npm에 올라가있는 패키지를 바로 실행해서 설치시켜주는 도구 npm start 웹브라우저 열기 node_modules 프로젝트를 실행할 때 사용되는 dependency 모듈이 모아져있는 폴더 이 폴더에 설치된 모듈들은 모두 package.json파일에 기록되어 있음 따라서 node_modules를 지우더라도 package.json가 있는 상태에서 npm install만 해주면 다시 설치 가능 깃허브에 올리지 않는 폴더 package.json이 있으므로 다른 개발자도 동일한 환경을 구축할 수 있음 Hot Module Replacement (HMR) ..

vscode로 파이썬 소켓 통신 예제 코드를 돌려보다 발생한 에러 처음에는 이런식으로 vscode에 client와 server 파일을 같이 두고 실행하려고 했음 실행하니까 'ConnectionRefusedError: [WinError 10061] 대상 컴퓨터에서 연결을 거부했으므로 연결하지 못했습니다'라는 에러가 떠서 구글링한 결과 서버와 클라이언트를 같은 idle에서 실행해서 발생한 오류 같음 해결 방법: 서버와 클라이언트 프로그램을 각각의 idle에서 실행해야 함 python idle에서 server.py를 vscode에서 client.py를 실행하기로 함 python idle를 실행해주고 File - New File 클릭 새로 뜬 창에 server.py 코드 입력 Run - Run Module을 누..

해결법을 알고나니 정말 아.. 소리밖에 안나왔던 문제 삽질 정말 많이 함 교안에 있던 소켓을 이용한 간단한 웹 서버 예제 (사실 이 코드 복붙해서 돌리면 돌아가는데.. 문제 발생하는 분들은 아래로) import socket def main(): # 연결은 TCP로! listen_sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) listen_sock.bind(('', 8080)) # 8080 포트에 바인딩 listen_sock.listen(1) # 기다리기 시작 while 1: conn, addr = listen_sock.accept() # 커넥션을 기다림 data = conn.recv(1024) conn.sendall("""HTTP/1.1 200 OK ..