[TIL/React] 리액트 앱의 실행 순서와 컴포넌트
2024. 7. 16. 17:30
TIL/React
리액트 실행 순서`localhost:3000`으로 접속을 요청하면, 리액트 앱 서버는 public 폴더의 `index.html`을 반환함개발자 도구 `Element` 탭에서 태그에 작성된 `script` 태그를 확인한다. 그리고 `bundile.js`를 불러와 실행한다.`bundle.js`는 src 폴더에 있는 `index.js`와 이 파일이 불러온 모듈을 하나로 묶어놓은 파일이기 때문에, `index.js`에 어떤 내용이 있는지 파악해야 리액트 앱의 동작을 제대로 이해할 수 있음`index.js`는 `ReactDOM.createRoot` 메서드로 돔에서 리액트 앱의 루트가 될 요소를 지정함`render` 메서드를 사용해 돔의 루트 아래에 자식 컴포넌트를 추가하고, 결과적으로 App 컴포넌트가 렌더링 됨..
[TIL/JavaScript] 홀수 인덱스의 요소와 홀수번째 요소
2024. 7. 15. 17:24
TIL/JavaScript
정답 코드// 홀수번째만 출력하기const aniArr = ['강아지', '망아지', '야옹이', '어흥이', '거북이'];const resultArr = aniArr.map((name, index) => { // 배열은 0부터 시작하고, 홀수를 출력하라는 게 아닌 홀수'번째'를 출력하라고 했으므로 강아지가 첫 번째가 됨 if (index % 2 == 0) { console.log(name); }});console.log(resultArr); 출력 결과: 강아지, 야옹이, 거북이내가 이해한 코드// 홀수번째만 출력하기const aniArr = ['강아지', '망아지', '야옹이', '어흥이', '거북이'];const resultArr = aniArr.map((name, index) => { if (ind..
[백준][Python]16394 - 홍익대학교
2024. 7. 13. 23:17
백준/Python
https://www.acmicpc.net/problem/16394 print(int(input()) - 1946)print(int(input()) - 1946) 홍익대학교는 1946년에 개교하였다.특정 년도가 주어졌을 때, 그 해가 개교 몇 주년인지 출력하라. 사용자로부터 정수를 입력받고 -1946 을 하면 몆주년인지 구할 수 있습니다.
[백준][Python]15680 - 연세대학교
2024. 7. 11. 17:31
백준/Python
https://www.acmicpc.net/problem/15680 data = input()if data == '0': print("YONSEI")elif data == '1': print("Leading the Way to the Future")연세대학교의 영문명은 YONSEI, 슬로건은 Leading the Way to the Future이다.N = 0일 경우: 연세대학교의 영문명을 출력한다. N = 1일 경우: 연세대학교의 슬로건을 출력한다.data = input()사용자로부터 값을 입력 받아 변수 `data`에 대입합니다. if data == '0': print("YONSEI")elif data == '1': print("Leading the Way to the Future..
[백준][Python] 4999 - 아!
2024. 7. 10. 22:50
백준/Python
https://www.acmicpc.net/problem/4999jaehwan = input()doctor = input()if len(jaehwan) >= len(doctor) : print("go")else: print("no")jaehwan = input()doctor = input()사용자로부터 값을 입력 받아 재환과 의사에게 대입합니다. if len(jaehwan) >= len(doctor) : print("go")else: print("no") 각각의 의사는 재환이에게 특정한 길이의 "aah"를 말해보라고 요청한다. 어떤 의사는 "aaaaaah"를 요구하기도 하고, "h"만 요구하는 의사도 있다.모든 의사는 자신이 원하는 길이의 "aah"를 듣지 못하면 진단을 내릴 수 없..