본문 바로가기

전체 글436

next css설정 오늘은 next의 css설정에 대해서 알아보겠습니다. 우서 가장 잘알려진 module을 이용한 방법 ack/ack.module.css 만들고 .button { background-color: aqua; } 작성 ack/ack1.js import style from "./ack1.module.css"; export default function popo() { return ( 메롱 ); } 작성 이렇게 import 사용할이름 from "위치" 이렇게 해서 className 에 사용할이름.클래스이름 이렇게 적으면 작동 됩니다. 이렇게 하면 다른 요소랑 이름이 겹쳐도 자동으로 이름이 설정되어서 중복되지않고 설정 가능합니다. 단점으로는 파일이 두개다보니까 왔다 갔다하면서 확인해야되는 귀찮음은 존재하고 있어요 이.. 2022. 3. 25.
자소서 성격 0325성격 도전적인 성격은 저의 가장 큰 강점입니다. 직업을 찾기 위해 많은 도전을 했습니다. 첫 번째는 다소 생소한 특수교육과로 진학이었습니다. 1년 동안 교육봉사도 가보고 수업도 열심히 들으면서 특수교사라는 직업이 어떤 것인지 알아보았습니다. 1학년을 마치고 휴학하고 군 생활을 하는 동안 특수교사라는 직업에 대해 고민을 거쳐서 자퇴를 결심했습니다.두 번째로 공무원 시험에 도전했습니다. 5년의 공무원 시험 준비를 하면서 면접을 2번 보았고 그 후에는 직렬을 변경하는 등 다양한 도전을 했지만, 제가 이 일을 할 수 있겠다고 생각했지만, 평생 하겠다는 자신은 없었습니다. 그렇게 직업에 대한 고민을 하던 중에 형의 조언으로 부트 캠프라는 것을 알게 되었는데 고3 때 관심을 두던 코딩이 생각나서 찾아보다가 .. 2022. 3. 25.
면접질문 61일차 0325가변 객체와 불변 객체의 차이점에 대해서 설명해보세요. 불변 객체와 가변 객체는 말 그대로 변한다와 변하지 않는다는 것입니다. 즉 내부 내용이 변하는지입니다. 하지만 우리가 일반적으로 볼 때는 모두가 변하는 거 처처럼 보이지만 int string 같은 경우는 내부 내용이 변하는 것이 아니라 주소가 변하는 것이므로 불변 객체이고 list는 애초에 내부에 주소가 저장되어있습니다. 값이 아니라 주소가 저장되어 있어서 주소가 변하면 값이 변하는 것이므로 가변 객체입니다. 요약하면 일반적으로 값이 변할 때는 값이 변하는 게 아니고 주소가 변합니다. 주소를 저장해놓는 list는 가변 객체고 값을 저장해놓는 int는 불변 객체가 됩니다. 2022. 3. 25.
next에 대해서 알아봅시다 오늘은 next.js에대해서 알아보겠습니다 vscode열고 npx create-next-app 폴더이름 예전에 react를 해봤다면 매우 비슷한 형태입니다. 이렇게 해주시면 폴더가 만들어집니다 그러 해당 폴더로 이동해서 vscode열어주세요 이렇게 되어 있을것입니다. 여기 보시면 pages index.js는 기본 화면 즉 home화면을 뜻합니다 다른 파이들은 그 파일 이름에 따라 자동으로 router 됩니다. 그럼 이해하기 위해서 pages내부에 모든 파일을 지워주세요 그리고 index.js ack.js 두개의 파일을 만들어 주세요 그리고 각 파일에 이렇게 넣어주고 저장해주세요 그리고 터미널 열어서 npm run dev 입력 localhost ctrl+클릭 하면 이런식으로 창이뜰것입니다 우리가 index.. 2022. 3. 24.

티스토리툴바