본문 바로가기

전체 글436

React12일차-Hook Hook에 대해서 알아보자 Hook은 정말 많은 도움이 된다. 우리가 일반적으로 자주쓰지만 길어지는 것을 한단어로 압축해서 코드를 줄여 주었다. ㅎㅎ 정말 편하다. 그럼 훅을 이용하여 코드가 어떻게 줄여 지는지 알아 보자 create react app만들고 npm start 하자 그리고 이렇게 src/component/example.jsx를 만들자 import React from "react"; class Example extends React.Component { state = { count: 0, }; render() { return ( {this.state.count}입니다. 클릭 ); } click = () => { this.setState({ count: this.state.count + 1 }.. 2022. 1. 31.
자소서 성격 수정 1.30성격 삶의 신조는 도전입니다. 제 적성을 찾기 위해 많은 도전을 했습니다. 첫 번째는 다른 사람한테는 생소할 수 있는 특수교육과로 진학했고, 1년을 다니면서 저와 맞지 않다고 생각하여 군 생활을 하면서 고민을 거쳐 자퇴를 결심하고 두 번째는 공무원 시험에 도전했습니다. 5년의 공무원 시험 준비하는 동안 2번의 면접 그 후 1번의 직렬 변경 등 다양한 도전을 하였지만, 저에게 맞는 것을 찾았다는 느낌이 들지 않았습니다. 그렇게 고민을 하던 중에 고3 때 관심을 두던 코딩이 생각이 나서 세 번째는 코딩에 도전하게 되었습니다. 코딩 공부를 하면서 처음으로 이건 내가 할 수 있겠다는 느낌이 아니라 하고 싶다는 느낌을 받았습니다. 세 번의 도전으로 실패도 했지만 포기하지 않고 도전함으로써 성공을 끌어냈습니.. 2022. 1. 30.
면접질문11일차 1.30 저를 개발용어를 하나도 모르는 동료라고 가정하고 쉽게 개발용어를 설명해 주십시오(프론트앤드 백엔드) 프론트앤드와 백앤드는 서로 다른 일을 하고 있습니다. 한국어 로 보면 앞과 뒤 이렇게 분류할수있습니다. 우리는 앞에 있는 표지는 디자인부분과 그 내용을 설명하는데 중요하고 뒤에있는 책내용은 어떤 것이 있는지 상세설명이 되있습니다. 이처럼 프론트앤드는 디자인을 통해서 사람들이 접근하기 좋게 하고 그걸 통해서 이게 어떤기능인줄 유추할수있게 합니다. 백앤드는 내부내용을 상세하게 적혀있고 어떤게 있는지 알수 있습니다. 이렇게 보면 프론트는 눈에보이는것 백엔드는 안보이는것 이렇게 구분할수 있습니다. 그렇다면 우리 일상에서 볼수 있는것중에 로그인 화면에서 백엔드와 프론트엔드를 구분해 보겠습니다. 우리가 아이.. 2022. 1. 30.
React11일차-controlled/uncontrolled component controlled/uncontrolled componenet 에 대해서 알아보겠습니다. 바탕화면에서 vscode열어서 create-react-app 만들고 해당폴더에서 vscode열고 터미널 열어서 npm start해 놓아주세요 src/controll폴더 만들고 안에 controlled.jsx 만들어 주세요 오늘은 class를 만드는 것이니 정신차리고 해봅시다 ㅎㅎ 다들 설날 잘보내세요 ㅎㅎ 저는 주말이라서 그냥 할거도 없고해서 공부하면서 글도 올리고있습니다. 만든 파일안에 이렇게 기본적인 형식을 만들어 봅시다 class Controlled extends React.Component {} 이거는 Controlled라는 클래스를 만드는데 React.Component에서 상속을 받아서 만들겠다 라는 의미입.. 2022. 1. 30.

티스토리툴바