🚀 Release/1.0.0

🚀 Release/1.0.0

.eslintignore

@@ -0,0 +1,7 @@
+
+/.vscode
+node_modules
+dist
+build
+eslintrc
+src/assets/*

.eslintrc.js

@@ -0,0 +1,103 @@
+module.exports = {
+  /* 프로젝트의 사용 환경 */
+  env: {
+    browser: true,
+    es6: true,
+    node: true,
+  },
+  /* 플러그인은 일련의 규칙 집합 */
+  plugins: [
+    // 플러그인을 추가하여도 규칙은 적용되지 않는다.
+    'react',
+    'react-hooks',
+    '@typescript-eslint',
+    'import',
+    'prettier',
+  ],
+  /* extends는 추가한 플러그인에서 사용할 규칙 설정 */
+  extends: [
+    // 규칙을 적용하기 위해서는 추가한 플러그인 중, 사용할 규칙 추가
+    'airbnb',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/eslint-recommended', // eslint에서 규칙을 비활성화 하는 호환성을 위한 규칙 모음
+    'plugin:prettier/recommended',
+  ],
+  settings: {
+    react: {
+      version: 'detect', // eslint-plugin-react에게 사용하고 있는 리액트의 버전을 알아서 탐지하도록 한다.
+    },
+    'import/extensions': ['.js', '.jsx', '.ts', '.tsx'],
+    'import/parsers': {
+      '@typescript-eslint/parser': ['.ts', '.tsx'],
+    },
+    'import/resolver': {
+      typescript: {}, // this loads <rootdir>/tsconfig.json to eslint
+    },
+  },
+  /* 자바스크립트 버전, 모듈 사용 여부 등을 설정 */
+  parserOptions: {
+    parser: '@typescript-eslint/parser', // AST 변환기
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 2018,
+    sourceType: 'module',
+  },
+  /* extends와 plugins에 대한 세부 설정을 변경 */
+  rules: {
+    'no-console': 'off',
+    'no-alert': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    'react/jsx-uses-react': 'off',
+    'react/react-in-jsx-scope': 'off',
+    'react/prop-types': 'off',
+    'react/jsx-props-no-spreading': 'off',
+    'react/jsx-filename-extension': ['error', { extensions: ['.js', '.jsx', '.tsx', '.ts'] }],
+    'no-use-before-define': 'off', // 정의되기 전에 사용되도록 허용 ('React' was used before it was defined)
+    '@typescript-eslint/no-use-before-define': ['error'],
+    'import/prefer-default-export': 'off',
+    '@typescript-eslint/no-explicit-any': ['off'],
+    // airbnb ESLint 구성의 문제를 해결하기 위함
+    'import/extensions': [
+      'error',
+      'ignorePackages',
+      {
+        js: 'never',
+        jsx: 'never',
+        ts: 'never',
+        tsx: 'never',
+      },
+    ],
+    // import order 정의
+    'import/order': [
+      'error',
+      {
+        groups: ['builtin', 'external', 'internal'],
+        pathGroups: [
+          {
+            pattern: 'react',
+            group: 'external',
+            position: 'before',
+          },
+        ],
+        pathGroupsExcludedImportTypes: ['react'],
+        'newlines-between': 'always',
+        alphabetize: {
+          order: 'asc',
+          caseInsensitive: true,
+        },
+      },
+    ],
+    'prettier/prettier': ['error'],
+    'jsx-a11y/label-has-associated-control': [
+      'error',
+      {
+        required: {
+          some: ['nesting', 'id'],
+        },
+      },
+    ],
+  },
+}

.gitignore

@@ -0,0 +1,21 @@
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "printWidth": 120,
+  "singleQuote": true,
+  "semi": false,
+  "useTabs": false,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "endOfLine": "auto"
+}

.vscode/settings.json

@@ -0,0 +1,42 @@
+{
+	"javascript.format.enable": false,
+	"typescript.format.enable": false,
+	"editor.formatOnSave": false,
+	"[sass]": {
+		"editor.formatOnSave": true
+	},
+	"[typescript]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[typescriptreact]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[javascript]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[json]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[html]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"eslint.options": {
+		"extensions": [".js", ".jsx", ".ts", ".tsx"],
+		"validate": [
+			"javascript",
+			"javascriptreact",
+			"typescript",
+			"typescriptreact"
+		]
+	},
+	"eslint.workingDirectories": [
+		{
+			"mode": "auto"
+		}
+	],
+	"eslint.alwaysShowStatus": true,
+	"editor.codeActionsOnSave": {
+		"source.organizeImports": false,
+		"source.fixAll.eslint": true
+	}
+}

README.md

@@ -1,4 +1,8 @@
-#urLink Homepage
+# urLink Homepage
+
+<img src="https://user-images.githubusercontent.com/51507260/124101760-a2700080-da9a-11eb-962a-9822937ab4b7.png" alt="urLink">
+
+**urLink**는 인터넷에서 리서치할 때, 나중에 다시 보고 싶은 웹사이트를 발견했을 때, 쉽게 보관하고 정리하고 사용할 수 있도록 돕는 **리서치 생산성 향상 서비스**입니다.
 
 # 🧑‍💻 Get start
 
@@ -8,3 +12,10 @@
 npm i
 npm run start
 ```
+
+# 🎨 Features
+
+- TypeScript 적용
+- 다국어 지원을 위해 i18next 사용
+- react-awesome-reveal 라이브러리를 이용하여 스크롤 애니메이션 적용
+- 반응형 웹 지원