# Nomad Coders

28개의 포스트
post-thumbnail

HTML/CSS - Kokoa Clone 코딩 (1 - index.html) [Nomad coders]

ex) status-bar, welcome-header, login-form만들려고하는 웹사이트에는 header들이 무수하게 많기 때문에 class의 이름을 특정지어주고, form 같은 경우에는 만들 웹사이트안에서 유일하기 때문에 네이밍에 신경쓰지 않으려고 함.3\.

약 14시간 전
·
0개의 댓글
·
post-thumbnail

랜딩 페이지

랜딩페이지 탭 디자인 프로젝트 PeaNutter를 상징하는 노란색과 땅콩 아이콘을 로고로 사용했습니다. 프로젝트 로고와 탭 디자인 뷰 완성된 랜딩페이지 뷰입니다. 랜딩 페이지 뷰 기능 구현 ![반응형 뷰](https://velog.velcdn.com/images/orodae/post/413ce232-d10d-4462-a053-81d4af02a

2023년 10월 15일
·
0개의 댓글
·
post-thumbnail

프로젝트 PeaNutter

좋아하는 만화 Peanuts를 테마로 한 저만의 소셜미디어 PeaNutter를 소개합니다.

2023년 10월 14일
·
0개의 댓글
·
post-thumbnail

나도 파인만 기법 - (08/21)

리처드 파인만

2023년 8월 21일
·
0개의 댓글
·
post-thumbnail

노마드코더 JS 1~2강

노마드코더 JS 크롬앱만들기 강좌 정리노트

2023년 5월 6일
·
0개의 댓글
·
post-thumbnail

[Noitter] Twitter Clone Coding (트위터 클론코딩) 6 - CRUD(4-Delete)

로그인 성공한 유저가 자신의 글을 삭제(Delete)하는 기능삭제 시 firebase의 데이터도 함께 삭제되어야 함단, 자신이 작성한 글이 아니라면 Delete 버튼 노출되면 안됨 ❗: 로그인 성공 시 자신과 타유저의 글을 열람(Read)할 수 있는 페이지: 내 포스팅

2023년 2월 8일
·
0개의 댓글
·
post-thumbnail

[Noitter] Twitter Clone Coding (트위터 클론코딩) 5 - CRUD(3-Update)

로그인 성공한 유저가 자신의 글을 수정(Update)하는 기능내 포스팅 : CRUD(2) : Create/Read/Update/Delete READ ! 에서 분리한 <Noweet />컴포넌트에서 해당 글 유저라면 Update버튼이 노출되게 구현Update 버튼을

2023년 2월 8일
·
0개의 댓글
·
post-thumbnail

[Noitter] Twitter Clone Coding (트위터 클론코딩) 4 - CRUD(2-Read)

내 포스팅 : 로그인 파일/컴포넌트 설계 및 구현 에서 로그인 성공한 유저가 글을 읽는 기능내 포스팅 : CRUD(1) : Create/Read/Update/Delete CREATE ! 에서 작성한 글이 firebase에 저장되었는데, 그 글을 불러와 메인페이지에 출력

2023년 2월 8일
·
0개의 댓글
·
post-thumbnail

[Noitter] Twitter Clone Coding (트위터 클론코딩) 3 - CRUD(1-Create)

내 포스팅 : 로그인 파일/컴포넌트 설계 및 구현 에서 로그인 성공한 유저가 글을 생성하는 기능Noweet(노윗)이라는 submit 버튼 클릭 시 글 작성이 완료(Create)됨작성한 Noweet은 firebase에 저장되어, firebase에서 확인 가능함: 로그인

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

[Dart] 1.0 Hello World | 노마드 코더

✍️ 니꼬쌤의 Dart 시작하기 강의 필기 - 1.0 Hello World

2023년 2월 2일
·
0개의 댓글
·
post-thumbnail

[Noitter] Twitter Clone Coding (트위터 클론코딩) 2 - 로그인 파일/컴포넌트 설계 및 구현

: 메인페이지 (로그인 유무 및 초기 계정인지 확인) : state - isLoggedIn, init, useEffect() : 로그인 유무에 따른 페이지 라우팅 : component - <AppRouter />, <Routes> : 로그인이 확인

2023년 1월 31일
·
0개의 댓글
·
post-thumbnail

[Noitter] Twitter Clone Coding (트위터 클론코딩) 1 - 클론코딩 세팅

Twitter(트위터)라는 SNS의 UI 구현백엔드 없이 firebase를 이용하여 실시간 처리로그인 / 회원가입 / 회원탈퇴 (email, SNS계정, Github 인증)게시글 작성 / 수정 / 삭제 등 실시간 처리HTML5CSS3JavaScriptReactfireb

2023년 1월 31일
·
0개의 댓글
·

notion API 사용해보기.(1)

notion API 따라가기.

2022년 9월 2일
·
0개의 댓글
·
post-thumbnail

[Chrome-page] 바닐라JS 미니 프로젝트를 마치고

회고 스터디를 시작하며 첫 번째 스터디 강의로 들었던 [노마드 코더의 바닐라 js를 활용한 크롬 앱 만들기] (https://nomadcoders.co/javascript-for-beginners)를 Javasciprt 공부를 위해 복습 겸 다시 틀었다. 2달 전

2022년 7월 24일
·
0개의 댓글
·
post-thumbnail

[Node JS] 웹페이지에서 비디오 녹화하고 다운로드 하기

👩🏻‍💻 웹페이지에서 비디오 녹화하기 1) recorder.js 파일 추가 client 폴더에 recorder.js 파일을 추가한다. webpack 적용을 위해 webpack.config.json 파일 entry 부분에 recorder.js 를 추가한다. webp

2022년 6월 27일
·
0개의 댓글
·
post-thumbnail

[바닐라 JS로 크롬 앱 만들기] 2. Welcome to JavaScript

console에서 JavaScript 사용 가능console은 한 줄 작성만 가능, 문서를 만들어야 함vscode에서 파일 2개 생성app.js 파일에 alert("Hello JavaScript"); 작성 후 브라우저로 열어보기\`style.css 파일 생성 후, 브라

2022년 2월 12일
·
0개의 댓글
·

[바닐라 JS로 크롬 앱 만들기] 1. Introduction

모멘텀 : 새로운 탭 화면을 생산성 앱으로 대체로그인, 시계, 위치, 위치의 날씨, 위치의 지명, 배경사진 변화, 무작위 명언을 저장하는 법, to-do-listhtml, css, GithubInternet Explorer 제외 (이건 악몽이라고ㅋㅋㅋ)VSCode 사용

2022년 2월 12일
·
0개의 댓글
·
post-thumbnail

TIL (2022.01.27)

2022년 1월 27일 노개북 7일차

2022년 1월 28일
·
0개의 댓글
·
post-thumbnail

TIL (2022.01.26)

2022년 1월 26일 노개북 6일차

2022년 1월 26일
·
0개의 댓글
·
post-thumbnail

TIL (2022.01.25)

2022년 1월 25일 노개북 5일 차

2022년 1월 26일
·
0개의 댓글
·