TIL010_210330
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
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
Author And Source
이 문제에 관하여(TIL010_210330), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@keepcalm/TIL010210330저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)