본문 바로가기

전체 글436

React9일차-Component style 오늘은 컴포넌트 한개에만 스타일을 넣는것을 해보겠다. 오늘은 저번게시물에서 만든 폴더에서 vscode를 열고 npm start 해보자 src/component StyledButton.jsx 만들기 안에 import styled from "styled-components"; const StyleButton = styled.button` background: transparent; border-radious: 4px; border: 2px solid palevioletred; color: palevioletred; margin: 0.1em; padding: 0.25em 1em; font-size: 20px; ${(props) => props.primary && ` background: palevioletre.. 2022. 1. 28.
React9일차-Css,SCSS 오늘은 제가 개인적으로 좋아하는 css,scss적용하는 거에 대해서 알아보겟습니다. 우선 바탕화면에서 vscode키고 새터미널 켜주세요 npx create-react-app 폴더명 하고 엔터 눌러주세요 그다음 cd 폴더명 입력 엔터 code . -r 치고 엔터하면 새로창이 열리면 새터미널 열어주세요 그다음 터미널에 npm i styled-components 이거 쳐서 설치해주겠습니다. 그러고npm start해주세요 그리고 옆에 창을 뛰워주고 확인 해줍시다. src/App.js 보면 위쪽에import './App.css'; 이게 보일겁니다. 이게 App.css 파일을 적용해주고 있다는 의미입니다. 이제 적용이 되있는지 확인해보겠습니다. src/App.css 가서 .App-header 부분에서 color를 .. 2022. 1. 28.
자소서 성장과정 수정 1.28성장과정 무엇을 하고 싶다기보다는 해야 하니까 한다는 느낌으로 공부했고 성적은 항상 중상위권은 유지했습니다. 집이 시골이고 멀미를 해서 밖에 나가기를 꺼려했고 그러면서 자연스럽게 컴퓨터를 많이 접하게 되었습니다. 그래서 자연스럽게 코딩에 관심이 생겼고 코딩 공부를 잠깐 했었습니다. 그 당시 코딩 공부는 늦게까지 해도 잘되었고 피곤하지도 않았습니다. 그때 열정이 있다면 피로나 시간은 큰 걸림돌이 되지 않는다는 것을 느꼈고 공부도 나중에 내가 하고 싶은 것을 하기 위해서는 꼭 필요하다는 마음가짐으로 하니 공부 시간이 늘어서 모의고사에서 수학은 항상 2등급이었는데 처음으로 1등급을 받을 수 있었습니다. 시작 문장 줄이기, 문장 연결 공부의 필요성을 느껴서 하기보다는 당연히 하는 것이라고 생각했습니다. .. 2022. 1. 28.
면접질문9일차 1.28 저를 개발용어를 하나도 모르는 동료라고 가정하고 쉽게 개발용어를 설명해 주십시오(MVC모델) MVC는 모델 뷰 컨트롤러를 줄여 MVC이라고 불리는 디자인 패턴입니다. 디자인 패턴은 무엇이냐 즉, 우리가 일하면서 문제가 발생했을 때 해결을 돕기 위한 것이라고 생각하시면 편합니다. 그렇다면 어떻게 돕는지 궁금할 것입니다. 우리가 만약 이러한 디자인 패턴 없이 아무렇게 일을 한다면 문제가 발생했을 때 어디서 발생했는지 또는 어떻게 해결할지 알기 힘들 것입니다. 예를 들면 우리가 수학 문제를 풀다가 답이 틀렸을 때 풀이를 보게 됩니다. 이런 풀이가 순서도 없이 아무렇게 적혀있다면 찾기 힘들 것입니다. 하지만 우리는 문제를 풀 때 순서대로 왼쪽에서 오른쪽 위에서 아래 이렇게 적게 됩니다. 이처럼 디자인 .. 2022. 1. 28.

티스토리툴바