Portfolio


interface Props {
	name: String,
	password: String
}

const Login = ({ name, password }: Props) => {
	return ();
}


const handleChange = () => {}


onChange: React.ChangeEventHandler<HTMLInputElement>


{
  "printWidth": 120,
  "tabWidth": 2,
  "singleQuote": true,
  "semi": true,
  "bracketSpacing": true,
  "bracketSameLine": false,
  "jsxSingleQuote": true,
  "trailingComma": "all",
  "useTabs": false,
  "singleAttributePerLine": true,
  "endOfLine": "auto"
}


{
  "root": true,
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "tsConfigRootDir": "./",
    "project": "./tsconfig.json"
  },
  "plugins": ["@typescript-eslint"],
  "extends": [
    "next/core-web-vitals",
    "airbnb",
    "airbnb-typescript",
    "plugin:react/jsx-runtime",
    "plugin:@typescript-eslint/recommended",
    "plugin:@typescript-eslint/recommended-requiring-type-checking",
    "prettier"
  ]
}


const handleSubmit = () => {};

const ComponentName = () => {
 return <div>hello</div>;
};

export default ComponentName;


<Wrapper>
	<span>hi</span>
</Wrapper>


<Container>
	<img src='/img/good.png' />
	<span>hi</span>
</Container>

코딩 컨벤션

네이밍

타입

핸들러 함수

Prettier

Lint

함수 정의

Container? Wrapper?