우당탕 취업준비생

밑바닥부터 시작하는 코딩생활

React

해당 게시물은 노마드코더 ReactJS로 영화웹서비스 만들기를 수강하면서 정리한 내용입니다. 강의는 무려 무료!! 이므로 노마드코어를 검색해서 직접 들어보세요! 😁 그리고 React를 들어가기 전에 HTML, CSS, Javascript에 대한 학습이 어느정도 되어있어야 합니다. 무작정 시작하면 동시에 수많은 정보를 학습해야 하니 바닐라JS 부터 차근차근 학습하시길 바랍니다. 0. 시작하기 state편에서 state를 계속 change했고 state에 관련된 모든 것이 다시 실행되는 것을 볼 수 있었습니다. counter에 0이 아닌 새로운 값이 들어가는 것을 빼고는 똑같이 function이 다시 실행되는 것이죠. 이것은 반복적인 실행입니다. 계속 다시 render될 때마다 반복실행되어도 괜찮은 코드가 ..

2022.01.16

React

해당 게시물은 노마드코더 ReactJS로 영화웹서비스 만들기를 수강하면서 정리한 내용입니다. 강의는 무려 무료!! 이므로 노마드코어를 검색해서 직접 들어보세요! 😁 그리고 React를 들어가기 전에 HTML, CSS, Javascript에 대한 학습이 어느정도 되어있어야 합니다. 무작정 시작하면 동시에 수많은 정보를 학습해야 하니 바닐라JS 부터 차근차근 학습하시길 바랍니다. 0. 시작하기 클론코딩을 진행할 예정이므로 저는 visual studio code와 같은 프로그램을 사용하지 않고 replit 에서 코딩을 진행하고자 합니다. is 도전정신 그리고 콘솔창의 에러범벅을 보고 후회하게 되는데... 만약 replit가 아니라면 먼저 React와 React DOM을 import 합시다. 설치가 잘 되었는지..

2022.01.11

Basic

사무직 자기소개서랑 이력서만 주구장창 쓰던 도중 문득 생각이 나 본격적으로 GitHub를 꾸며보기로 했다. 한 6개월동안 방치당한 나의 GitHub를 꺼내들었다. 많은 개발자들이 여기에 글도 쓰고 뭐도 쓰고 다양하게 꾸미던데 일단 글을 쓰는 방법부터 도통 모르겠는것이였다. 1. README.md 생성하기 생각보다 간단한 방법이였다. 레포지토리를 생성할때 README.md의 파일을 같이 생성할거냐는 체크포인트가 있다. 당시에는 이게 뭐에 쓰는건가 했더니 많은 사람들이 해당 파일을 프로젝트를 소개하거나 본인을 소개할때 사용하고 있었다. 먼저 레포지토리를 생성하자. 본인의 아이디로 레포지토리를 생성하면 신기한 일이 발생한다. 깃허브가 제공하는 시크릿 기능. 본인의 아이디/본인의 아이디는 github 프로필에 ..

2022.01.11

Python

저는 Python의 존재를 3학년 때 영상처리쪽을 공부하던 친구를 통해 알게 되었습니다. 당시에는 너무나도 생소했고 제가 사용할 일은 없었습니다. 제가 임베디드 전공이였기에 대학정규과정에도 없었습니다. 최근에 머신러닝과 딥러닝 공부를 시작하면서 파이썬의 필요성을 깨닫기 시작했고 Python 공부 과정을 기록하고자 합니다. 해당 게시글은 노마드코어의 파이썬 챌린지를 진행하며 작성되었습니다. 해당 게시글은 C#을 할 수 있는 사람이 작성한 게시물로, Python과 C#의 미묘한 차이를 학습하기 위해 작성하였습니다. 세세한 내용( 예 : 부등호, 논리함수 등 )은 다루지 않으므로 참고해주시기 바랍니다. 1. 시작 파이썬은 인기있는 언어 중 하나로 web, GUI, Scientific, 머신러닝, 데이터시각화 ..

2022.01.11

React

const 컴포넌트명 = styled.div` h3 { } `; 요런식으로 작성해주면 해당 컴포넌트 안에 있는 h3가 바뀐다!

2022.01.09

React

꺼이꺼이 본격적으로 토이프로젝트를 진행하면서 sass를 써보려고 했는데 이번엔 sass 오류가..발생했다. 1. yarn add sass 설치해봤지만 여전히 묵묵부답... ㅠㅠ 실패... 2. npm i --save-dev node-sass 응.. 전혀 바뀌는거 없어 이러다가 잔뜩 무거워질까봐 걱정이 된다. 뭔가 문제가 있는거 같아 일단 styled로만 진행하는중...

2022.01.09

React

Cannot read properties of undefined (reading 'search') 코드가 계속 안먹혔다.. 정말 뭐가 문젠지 알 수 없어서 고민을 많이 했다. const { username } = match.params; const { tag, page } = ps.parse(location.search, // 생략 와 같은 코드였는데 v6 를 사용하면서 match는 사용하지 않는다는건 인식 loaction.search는 왜 안먹히는거지? 했더니 location도 업데이트 되면서 더는 사용하지 않는..함수라고.. import { useParams, useLocation } from "react-router-dom"; const { username } = params; const { tag..

2022.01.08

React

{tags.map((tag) => ( #{tag} ))} Each child in a list should have a unique "key" prop. 각 자식 컴포넌트마다 독립적인 key값을 넣어달라는 소리인데 key 값을 넣으면 불필요한 리렌더링을 방지해준다. {tags.map((tag, index) => ( #{tag} ))} 임시방편으로 index값을 key값으로 넣어서 해결했다. 참고 Lists and Keys – React A JavaScript library for building user interfaces reactjs.org

2022.01.08

React

버전6으로 바꿔서 하는게 이렇게 힘들일이였나.....? 하지만 포기하지말자 Cannot read properties of undefined (reading 'params') 버전6에서는 route props의 history, location 외에도 math가 더 이상 존재하지 않아서 react hook을 사용해야 한다. const { postId } = match.params; 아래와 같이 변경해주면 해결된다. import { useParams, useNavigate } from 'react-router-dom'; const { postId } = useParams();

2022.01.08