1.개발문화의 꽃 = 강의
인터넷 강의가 짱이다
모르는 것을 배울때 러닝커브가 짧아지려면? 역시 인강..
개념 및 코드 plus :
data-address
새로운 tech : 옵셔널체이닝 ?.?
= 삼항연산자 대체, and and와 같은 느낌이라고 한다.
- 기본문법
const adventurer = {
name: 'Alice',
cat: {
name: 'Dinah'
}
};
const dogName = adventurer.dog?.name; // 옵체
console.log(dogName);
옵셔널 체이닝 정리
let nestedProp = obj.first && obj.first.second;
let nestedProp = obj.first?.second;
FE 기술면접 주제 및 팁 :
nest.js 와 next.js 차이
호환성
색깔도 , 쉼표 의미 아시나요? 첫번째 폰트가 적용/실행이 안되면 다음 폰트 실행해주세요 = or 의미
새로운 react:
{suspense, lazy} =react
프론트에서 해야할 일
FE 에서 보는 이미지
고 -> 저 화질순 으로 : avif / webp/ png/ jpg
정말 여러가지를 쓸 줄 알아야 진정한 FE !
html 5 에 지원해주는 section, label, 기타 등등
어필! : ui 최적화와 클린코드를 신경쓰고있다.
devops 면접 팁!
goals: 지각하지말자.. 일요일 1시..
현재 status & schedule:
-try code
import { Global, css } from "@emotion/react";
const reset = css
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
monospace;
}
[class] {
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none; // ol,ul
border: 0; // button, table, fieldset, input, textarea, select, iframe
background-color: transparent; // button, dialog, input, mark, meter, prograss
border-collapse: collapse; // table/
border-spacing: 0; //table
-webkit-appearence: none;
appearance: none; //button, input, textarea, select, meter, progress
color: #4b4b4b;
}
img {
max-width: 100%;
height: auto;
}
body {
margin: 0;
padding: 0;
overflow-wrap: break-word;
font-family: Spoqa Han Sans Neo, --apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
"Helvetica Neue", sans-serif, Roboto, "Segoe UI", Oxygen, Ubuntu,
Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
text-decoration: none;
}
:lang(ko) {
word-break: keep-all;
}
;
export const GlobalStyles = () => {
return <Global styles={reset}></Global>;
};
너무 아쉽습니다. 정말 감사한 시간이였습니다.