# Nomad Coders

HTML/CSS - Kokoa Clone 코딩 (1 - index.html) [Nomad coders]
ex) status-bar, welcome-header, login-form만들려고하는 웹사이트에는 header들이 무수하게 많기 때문에 class의 이름을 특정지어주고, form 같은 경우에는 만들 웹사이트안에서 유일하기 때문에 네이밍에 신경쓰지 않으려고 함.3\.

랜딩 페이지
랜딩페이지 탭 디자인 프로젝트 PeaNutter를 상징하는 노란색과 땅콩 아이콘을 로고로 사용했습니다. 프로젝트 로고와 탭 디자인 뷰 완성된 랜딩페이지 뷰입니다. 랜딩 페이지 뷰 기능 구현  6 - CRUD(4-Delete)
로그인 성공한 유저가 자신의 글을 삭제(Delete)하는 기능삭제 시 firebase의 데이터도 함께 삭제되어야 함단, 자신이 작성한 글이 아니라면 Delete 버튼 노출되면 안됨 ❗: 로그인 성공 시 자신과 타유저의 글을 열람(Read)할 수 있는 페이지: 내 포스팅
[Noitter] Twitter Clone Coding (트위터 클론코딩) 5 - CRUD(3-Update)
로그인 성공한 유저가 자신의 글을 수정(Update)하는 기능내 포스팅 : CRUD(2) : Create/Read/Update/Delete READ ! 에서 분리한 <Noweet />컴포넌트에서 해당 글 유저라면 Update버튼이 노출되게 구현Update 버튼을
[Noitter] Twitter Clone Coding (트위터 클론코딩) 4 - CRUD(2-Read)
내 포스팅 : 로그인 파일/컴포넌트 설계 및 구현 에서 로그인 성공한 유저가 글을 읽는 기능내 포스팅 : CRUD(1) : Create/Read/Update/Delete CREATE ! 에서 작성한 글이 firebase에 저장되었는데, 그 글을 불러와 메인페이지에 출력
[Noitter] Twitter Clone Coding (트위터 클론코딩) 3 - CRUD(1-Create)
내 포스팅 : 로그인 파일/컴포넌트 설계 및 구현 에서 로그인 성공한 유저가 글을 생성하는 기능Noweet(노윗)이라는 submit 버튼 클릭 시 글 작성이 완료(Create)됨작성한 Noweet은 firebase에 저장되어, firebase에서 확인 가능함: 로그인
[Noitter] Twitter Clone Coding (트위터 클론코딩) 2 - 로그인 파일/컴포넌트 설계 및 구현
: 메인페이지 (로그인 유무 및 초기 계정인지 확인) : state - isLoggedIn, init, useEffect() : 로그인 유무에 따른 페이지 라우팅 : component - <AppRouter />, <Routes> : 로그인이 확인

[Noitter] Twitter Clone Coding (트위터 클론코딩) 1 - 클론코딩 세팅
Twitter(트위터)라는 SNS의 UI 구현백엔드 없이 firebase를 이용하여 실시간 처리로그인 / 회원가입 / 회원탈퇴 (email, SNS계정, Github 인증)게시글 작성 / 수정 / 삭제 등 실시간 처리HTML5CSS3JavaScriptReactfireb
[Chrome-page] 바닐라JS 미니 프로젝트를 마치고
회고 스터디를 시작하며 첫 번째 스터디 강의로 들었던 [노마드 코더의 바닐라 js를 활용한 크롬 앱 만들기] (https://nomadcoders.co/javascript-for-beginners)를 Javasciprt 공부를 위해 복습 겸 다시 틀었다. 2달 전

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

[바닐라 JS로 크롬 앱 만들기] 2. Welcome to JavaScript
console에서 JavaScript 사용 가능console은 한 줄 작성만 가능, 문서를 만들어야 함vscode에서 파일 2개 생성app.js 파일에 alert("Hello JavaScript"); 작성 후 브라우저로 열어보기\`style.css 파일 생성 후, 브라
[바닐라 JS로 크롬 앱 만들기] 1. Introduction
모멘텀 : 새로운 탭 화면을 생산성 앱으로 대체로그인, 시계, 위치, 위치의 날씨, 위치의 지명, 배경사진 변화, 무작위 명언을 저장하는 법, to-do-listhtml, css, GithubInternet Explorer 제외 (이건 악몽이라고ㅋㅋㅋ)VSCode 사용