# nomadcoder

61개의 포스트
post-thumbnail

Front-end 개발자를 위한 첫걸음

2023년 3월 전역 전까지 무엇을 해야 개발자로 취업이 가능할지 고민한 내용

2021년 8월 24일
·
0개의 댓글

React Native 날씨앱 만들기 - 1

Introduction 알고있어야하는 내용 : React, javascript, expo 활용할 내용 : icon , layout 시스템 공부해보기 Requirements node : version 10 이상 npm : version 6 이상 Simulator 다운

2021년 8월 23일
·
0개의 댓글

Kokoa Clone 2021. 7. 27

앞으로 계속 프로그래밍을 하려면 공부한 걸 남기는 과정이 꼭 필요할 것 같아 나도 남들처럼 벨로그 계정을 하나 팠다. 회사에 다니면서 공부를 하니 속도가 그리 빠르지는 않다. 하지만 나이를 먹으면서 중요한 건 얼마나 빨리 하느냐가 아니라 얼마나 흥미와 재미를 잃지 않고

2021년 7월 27일
·
0개의 댓글

코코아톡 클론코딩

HTML 폴더명과 파일명은 소문자로 작성한다 태그 이름은 아무렇게나 지을수 있다. 단, 브라우저가 이해하지 못하면 동작하지 않는다 속성은 항상 큰따옴표를 사용한다 HTML 문서 구조 head 태그 페이지에 관한 환경 설정 head 태그에 속해 있는 모든 태그들은 보

2021년 7월 13일
·
0개의 댓글

⏲노마드코더 Vanilla JS CLOCK

function getClock(){ const date = new Date(); const hours = String(date.getHours()).padStart(2, "0"); const minutes = String(date.getMinutes(

2021년 7월 3일
·
0개의 댓글

🔐노마드코더 Vanilla JS LOGIN

preventDefault는 브라우저 자체에서의 기능을 없애주는 역할을 한다예를 들어 a요소를 생성하면 브라우저 자체에서 설정된 링크로 연결되는 태그이다자바스크립트에서는 이 링크가 연결이 안되도록 막을 수 있는데 그 기능이 바로 preventDefault이다.'반복되는

2021년 7월 3일
·
0개의 댓글

📙노마드코더 Vanilla JS 기초 정리2

const와 let let newColor; 라는 빈 변수를 준 이유: const를 사용하여 currentColor를 정의하면 값을 변경할 수 없기 때문에 let으로 빈 변수를 만들어 줌. 이후에 newColor = "tomato";가 실제로 실행은 되었으나 newC

2021년 7월 2일
·
0개의 댓글

트위터 클론코딩

1 SETUP firebase 설치 firebase 설정 > .env파일에 아래와 같은 형태로 저장해야지 create-react-app에서 환경변수로 접근이 가능하다. 이 과정은 단순히 key가 git에 올라가는것만 방지함 > import 절대경로사용 2 AUT

2021년 7월 1일
·
0개의 댓글

📃노마드코더 Vanilla JS 메모2

h1 변수 선언(class="hello"의 h1 태그 선택)h1의 innerText를 "Click Me"로 변경addEventListener를 사용하여 "click", "mouseenter", "mouseleave" 등의 이벤트를 추가하고 함수를 통해 실행.h1.onc

2021년 6월 30일
·
0개의 댓글

초보자를 위한 리덕스 101

1 PURE REDUX: COUNTER > 그 밖의 store에 내장된 함수 2 PURE REDUX: TO DO LIST store를 수정할 수 있는 유일한 방법은 action 전달 state를 mutate하는 게 아니라 새로운 objects를 리턴 3 REACT

2021년 6월 28일
·
0개의 댓글

실전형 리액트 Hooks 10개

검증 기능이 있는 useInputeffect, dependency(배열:적용할 대상들) 인자로 전달dependency가 없는 경우 : 매번 실행dependency가 빈 배열인 경우 : 처음 한번만 실행dependency가 있는 경우 : 처음과 dependency안의 값

2021년 6월 26일
·
2개의 댓글

바닐라 JS로 그림판 만들기

캔버스 생성(width, height 반드시 필요)css 테두리 그림자버튼 클릭시 살짝 줄어드는 효과button, input 등 브라우저에서 기본적으로 적용되어있는 style을 초기화 시키는 방법range버튼 만들기마우스 x,y좌표 받아오기마우스 클릭 좌표screenX

2021년 6월 26일
·
0개의 댓글

바닐라 JS로 크롬 앱 만들기

2.2 Variables 2.13 Conditionals 문자열 타입 숫자로 변환 3.2 Searching For Elements 3.3 Events HTML 요소 style 변경(inline-style) 3.5 More Events 이벤트 등록 > addEv

2021년 6월 26일
·
0개의 댓글

ReactJS로 영화 웹 서비스 만들기

프로젝트 생성리액트 동작 방식 : 모든 react application을 div\`\`\`javascript// index.jsReactDOM.render(, document.getElementById("root"));props 전달props 사용샘플데이터 배열동적 데

2021년 6월 21일
·
0개의 댓글

📙노마드코더 Vanilla JS 기초 정리1

' '를 사용하여 값을 배열할 수 있다.'{ }'를 사용하고 각각 필요한 Key와 값을 준다.단, 값을 주고 끝에 쉼표(,)는 필수.또한, 반드시 키와 값 사이에 콜론(:) 사용.

2021년 6월 17일
·
0개의 댓글
post-thumbnail

TIL 05 - 인스타그램 클론코딩 (5) User 마무리

노마드코더 인스타그램 클론코딩 바로가기 포스팅 목차 Following,Follower 구현 Pagination Computed Fields Searching User Following,Follower 유저의 팔로잉과 팔로워를 구현합니다. Self Relation

2021년 6월 3일
·
0개의 댓글
post-thumbnail

TIL 12 인스타그램 클론코딩 (12) - FEED

노마드코더 인스타그램 클론코딩 바로가기 피드를 구현하기 전에 프로젝트의 Header를 구현해보자. Header 설계 > 위와 같은 Design으로 헤더를 구성하고자 하고 단 몇가지 특이사항을 가진다. 로그아웃 상태에서 즉 로그인 페이지 회원가입 페이지에서는 헤더

2021년 5월 21일
·
0개의 댓글