TIL010_210330

5283 단어 ReactReact

TIL

🧸 감상

CSS 직접 해보니 어렵다

📙 열품타 13hour
👍🏼 -
👎🏼 -

🚀 목표

  • 노마드 코더 React 복습 (나중에)
  • Udemy에서 Javascript 강좌 수강하기 (222/682)
  • 매일 커밋 연속 30일 달성하기 (10/30, 3.30 완료)
  • 3.24 발견 노션으로 옮기기
  • 내일배움카드 신청
  • Jump to Python 완료
  • CSS 파트 완료, 위키로 복습해보기(진행중)
  • 1일차 복습(나중에)

💡 TIP

반응형 만들 것
react나 vue같은 최신 문법을 쓰는 자바스크립트 프레임워크의 best practice를 쓰기
부트스트랩 의존하지 말기
프론트엔드 주니어는 html, css만 제대로 해도 소원이 없다...
<dl> <dd> <strong>
명시적인 클래스 작명으로 유지 보수 관리, 프로젝트 진행에 문제 없게 - 협업
img는 alt 대체텍스트 필수
button type 빼먹지 않고 -> 기본기 중요
github commit 통으로 올리지 말고 commit 잘게 쪼개서 올려야 함 (포트폴리오에도, 버전 관리에도 좋음)
생각하면서 코드 짰는가, 복붙 아닌 생각하면서 썼는지의 디테일
CSS도 논리적으로 작성할 것
중복 선언 절대 안 됨

title: 문서의 제목이기 때문에 seo에 중요한 역할, 문서마다 다르게 할 것, 같게 하고 싶다면
about | KEEPCALM 이런식으로
선언과 선언 사이는 항상 띄우기

dark 모드는 darkmode.css 따로 만들어서 body.dark 변경사항 따로 선언하기
그럼 어떻게 가져오는가
link lightmode.css
link darkmode.css 순서로 가져오면 편하게 덮어씌울 수 있음 -> cascading 우선순위 규칙

  • aa
    • bb
    • cc
* aa
  - [X] bb
  - [ ] cc

[단계별 포트폴리오]

웹 퍼블리싱: HTML, CSS

html, css - 디자인을 완벽하게 구현할 수 있는가 (반응형 웹으로, 퍼블리싱 역량 보여주기)
-> 시안은 어디서 찾나 : google 검색 - free web design psd (Behance,Sketch App sources - 포토샵, 스케치, 피그마)

  • 디자이너에게서 받은 시안을 그대로 구현해야 할 의무가 있다 -> 반응형 3종(모바일, 데스크탑, 태블릿)

UI개발: JavaScript, DOM API

간단한 것 외부 라이브러리 갖다 쓰지 말 것

[링크 목록]

The Web Developer Bootcamp 2021
Jump to Python WikiDocs
노마드 코더
React JS crash Course 2021
리액트 강의
반응형 3종 시안
Front-End RoadMap
JS Bin

🍊 복습: TIL: 001

component -> childern component 정보 보내기
html: <tag attribute= value></div>
jsx: <Component property = value/>

axios를 통해 api 호출

npm install react-router-dom

react-router-dom

box-sizing

css 기본 폰트 설정

css 속성 선택자

React

A library for building user interfaces
Runs on the client as a SPA(Single Page App), but can be used to build full stack apps by communicating with a server/API (eg.MERN stack)

front-end framework - Angular or Vue

새로고침 없이 웹 탐색이 가능하다 -> Web-app (리액트, 앵귤러, 뷰)
1. 모바일앱으로 발행이 쉬움 (PWA, React Native)
2. 앱처럼 뛰어난 UX
3. 비즈니스적 강점

json -> fake backend
JSX (html같은 문법) - class -> className (
function App() { retrun();} -> html 코딩하면 된다

  • 안 되겠다...react는 javascript 후에 복습하자 😭😭😭 으악

🍊 복습: Html, CSS

<ol> <ul> <dl> <dd> <dt>

wikipedia clone coding하는 중.
commit

https://github.com/jiyoondev/Tiger_Wiki

좋은 웹페이지 즐겨찾기