본문 바로가기

전체 글436

React6일차-React router dom2 오늘은 주소 뒤에 이상한 숫자 붙어서 다른 창을 보여주는것을 해보겠다 만들었던 폴더에서 vscode창을 열어주자 그다음 src/App.js로 들어가자 여기 routes 내부에 추가해주자 /profile/이 뒤에 뭐가 붙어있으면 그걸 id라는 요소에 저장하고profile이라는 컴포넌트를 뛰워주겠다는 의미이다. 그럼 이제 page/Profile.jsx를 가보자 이제 뒤에 붙는 주소마다 내용이 달라지는 확인 하기 위해 import { useParams } from "react-router-dom"; 이걸 젤 위에쓰고 (react-router-dom 안에서useParams이거만꺼내서 쓰겠다는 의미이다) const { id } = useParams();이걸 리턴위 함수내부에 쓰고 (useParams() 내부에서 .. 2022. 1. 25.
React6일차-React router dom 오늘은 시작하기전에 React에 도움이되는 크롬 확장프로그램을 알아보자 React Develop Tools이걸 설치해보자 react관련 창을 키고 콘솔창을 키고 >>이걸 눌러보면 두개가 추가됬다 위에 components는 클릭해준 컴포넌트가 해당되는 부분을 창에표시해준다 profiler는 이런식으로 로딩시간을 알려준다 이제 진짜 시작해보겠다 바탕하면에서 우클릭 해서 vscode를 열어주자 (우클릭 code(으)로 열기) 터미널-새터미널러 터미널 열어주고 npx create-react-app 폴더명 치고 엔터 이제 cd 폴더명 치고 엔터 code . -r 치고 엔터 하면 만들어진 폴더에서 vscode가 열어질것이다 또 터미널-새터미널 열어주자 npm i react-router-dom 치고 엔터(react-.. 2022. 1. 25.
자소서 학교생활 및 사회경험 수정 평소 대화를 통해 문제를 해결하기보다는 제가 손해를 감수하고 갈등을 회피했었습니다. 대학교 1학년 2학기 언어발달과 지도에서 장애아동과 하루 같이 보내고 부모님들의 직업과 이름 등을 알아 오는 과제가 있었습니다. 모르는 장애아동과 함께 지내고 개인정보를 물어보는 것이 실례라고 생각했지만, 대화를 통한 해결보다는 저 혼자 해결하려고 고민하고 있었습니다. 끝내 해결 방법이 생각나지 않아 교수님께 주변에 장애아동이 없다고 말씀을 드렸으나 믿지 않으셨습니다. 당황스러웠지만 개인정보를 물어보는 것도 실례인 것 같다고 설득하니 다음 주에 교수님이 과제를 책 내용정리로 바꿔 주셨습니다, 대화를 통해 해결한 덕분에 주변에 장애아동이 없는 친구들과 친해지는 계기도 되었고 대화하지 않았다면 과목점수가 좋지 않을 수 있었는.. 2022. 1. 25.
면접질문 6일차 1.25 저를 개발용어를 하나도 모르는 동료라고 가정하고 쉽게 개발용어를 설명해 주십시오(AWS) AWS는 아마존에서 하는 클라우드 서비스 입니다. 클라우드 서비스는 발전소에서 생산하느 전기를 끌어다가 집에서 쓰듯이 당신이 전기대신 저장공간을 끌어다 쓰는것입니다. 쉽게 설명하면 당신이 돈을 집에다 보관한다고 가정합시다 돈도 부피가있어서 집에 다 보관할수 없습니다. 그러면 당신은 은행에가서 돈을 보관할겁니다. 그러고 필요할때마다 돈을 은행에 가서 가져올것입니다. 하지만 클라우드 서비스는 은행에 갈필요없이 은행에 저장해놓는다면 금고에서 은행에 있는 돈만큼 언제든지 바로 꺼낼수 있는것입니다. 즉 돈을 가지러 가거나 넣으러 갈필요가 없이 집에서 바로 꺼내쓰는겁니다. 그렇다고 금고가 크지도 않습니다. 엄청 작은 .. 2022. 1. 25.

티스토리툴바