본문 바로가기

전체 글436

자소서 지원동기및 포부 수정 1.27 지원동기및 포부 5년 동안 공무원의 공부를 한 후 아무 곳이나 취업해서 열심히 일해야겠다고 생각했습니다. 고용노동부에 가는 도중에 친형에게 부트캠프라는 것을 들었고 그때 보았던 항해 99라는 부트캠프 광고에서 고3 때 했던 열혈 강의 C언어라는 책으로 공부했던 것이 생각났고 코딩을 공부해 보고 싶었습니다. 마음먹고 인터넷 강의도 들으면서 코딩에 매력을 느꼈고 제가 생각한 데로 만들어 보고 싶었습니다. 다른 여러 인터넷 강의도 들어봤지만 부족했습니다. 그러다가 게임에서 만난 형이 취업해서 배우면 빠르고 정확하다고 알려주었습니다. 그래서 회사에 취업해서 코딩을 잘하고 싶어서 그때부터 취업 준비를 하였습니다. 처음에는 다소 부족할 수 있지만 금방 배워서 주변 남에게 꿀리지 않는 수준까지 달성하고 제 .. 2022. 1. 27.
면접 질문 8일차 1.26 저를 개발용어를 하나도 모르는 동료라고 가정하고 쉽게 개발용어를 설명해 주십시오(UI/UX) 반응형 디자인이란 우선 화면 크기에 맞게 디자인 하는것이라고 할수 있습니다. 요즘 모니터 도 16:9,21:9 비율도 다양하고 크기도 다양합니다. 심지어 인터넷은 휴대폰으로도 이용하니까 각 크기에 맞게 디자인이 필요합니다. 반응형 디자인을 쉽게 이용하기 위해서는 정리 라고 생각하시면 좋을거 같습니다. 넓은 지역에는 물건을 넓게 펼쳐서 정리하는게 더 이쁘고 사용도 편할수 있습니다. 하지만 지역이 좁으면 물건을 위로도쌓고 간격도 줄이고 여러가지를 신경써야지 더 좋은 디자인이 나오게 됩니다. 이처럼 반응형디자인은 화면크기에따라 디자인을 다르게 변화를 주어서 더이쁘고 편하게 하기위한 것입니다. 네이버 같은경우 .. 2022. 1. 27.
React8일차-Login 오늘은 로그인 창을 만들어 보겠습니다. 폴더에서 vscode 창여시고 page에 Login.jsx만들어주세요 그리고 안에 import { useNavigate } from "react-router-dom"; export default function Home() { const navigate = useNavigate(); function login() { console.log("a"); navigate("/"); } return ( Login 페이지 입니다. 로그인 ); } 작성해주세요 App.js에 import 모여있는곳에 import Login from "./page/Login"; 추가 내부에 추가 이제 npm start를 해서 창을 확인해보겠습니다. http://localhost:3000/login.. 2022. 1. 27.
React7일차-Link와 NavLink 오늘은 ,이거 두개를 알아보겠습니다. 우선 두개다 다른곳으로 연결해주는 것입니다. 그런데 왜 html에서 잘쓰느 이걸 안쓰냐 할수있습니다. 그이유는 우리는 페이지가 한개로 보여주는 컴포넌트만 다르게 바꺼주면됩니다. 링크는 누를때마다 로딩이되고 데이터를 다시받아옵니다. 하지만 ,는 로딩이 필요 없습니다. 그만큼 속도가 빨라지겠죠 ㅎㅎ 우선 부터 시작해보겠습니다. 기존폴더에서 vscode열어 주시고 src/page폴더에 Links만들고 import { Link } from "react-router-dom"; export default function Links() { return ( Home About Profile Profile/1 About?name ); } 넣어주세요 src/App.js로 가서 impo.. 2022. 1. 26.

티스토리툴바