Search for a command to run...
Series
Instagram Clone Coding Using HTML, CSS, and Vanilla Javascript HTML Head -Add title and logo icon in title bar <title>Westagram</title> <link rel="icon" href="instagram.png" type="image/icon type"> -Link CSS files and Google font API <link rel=...
Instagram Clone Coding Using HTML, CSS, and Vanilla Javascript HTML & CSS Body Nav bar <nav class="navbar"> <div class="nav-wrapper"> <span class="logo">Westagram</span> <input type="text" placeholder="Search...
Instagram Clone Coding Using HTML, CSS, and Vanilla Javascript JavaScript -Add comment 1) Add the comment below the post when the user fills the input field and press enter or click the post button const input = document.querySelector('.comment-box...
Prerequisite Node.js & npm -Download Node.js & npm(LTS version recommended) -Run commands below to see the version of Node.js & npm you installed$ node -v $ npm -v CRA CRA(Create-React-App) Create React App is a comfortable environment for learnin...
JSX code for Login Form Rules 'class' attributes ➡️ 'className' End self-closing tags Edit image paths const Login = () => { (...) return ( <> <div className="login-container"> <h1>Westagram</h1> <form> <input ...
프로젝트명 'luluisher' 스포츠웨어 브랜드 'lululemon'의 기획, 디자인 클론 2주간 Front-end/Back-end 개발 진행 제작 기간 / 인원 2022년 5월 23일 - 2022년 6월 3일 Front-end 4명 & Back-end 2명 적용 기술 / 협업 도구 HTML, CSS, React Notion, Github, Trello, Slack 코드 컨벤션 들여쓰기는 tab, 혹은 공백 문자 2개를 사용한다. ...