-
sticky banner
diff --git a/pages/scroll-hidden.module.scss b/pages/scroll-hidden.module.scss
index 37437c1..4a0e197 100644
--- a/pages/scroll-hidden.module.scss
+++ b/pages/scroll-hidden.module.scss
@@ -1,4 +1,4 @@
-@import "styles/variable";
+@import "styles/variable.module";
.root {
padding: 25px;
@@ -13,7 +13,6 @@
p {
width: 500px;
- // padding-right: 300px;
margin-bottom: 30px;
}
}
diff --git a/pages/scroll-sticky.module.scss b/pages/scroll-sticky.module.scss
index 0dd3d45..75eeb8c 100644
--- a/pages/scroll-sticky.module.scss
+++ b/pages/scroll-sticky.module.scss
@@ -1,4 +1,4 @@
-@import "styles/variable";
+@import "styles/variable.module";
.root {
padding: 25px;
@@ -13,18 +13,14 @@
p {
width: 500px;
- // padding-right: 300px;
margin-bottom: 30px;
}
}
.sticky_wrapper {
position: relative;
- height: 210px;
- padding-top: 70px;
- background: $blue;
- font-size: 20px;
- text-align: center;
+ padding: 30px 0;
+ border: solid 1.5px black;
}
.sticky {
@@ -47,3 +43,7 @@
// right: 0;
// left: 0;
// }
+
+.list {
+ list-style: none;
+}
diff --git a/pages/scroll-sticky.tsx b/pages/scroll-sticky.tsx
index e553e20..930f0ff 100644
--- a/pages/scroll-sticky.tsx
+++ b/pages/scroll-sticky.tsx
@@ -1,5 +1,5 @@
import styles from "./scroll-sticky.module.scss";
-
+import img from "../public/assets/code.jpg";
import React, { useEffect, useRef, useState } from "react";
export default function Parent(): React.ReactElement {
@@ -25,7 +25,8 @@ export default function Parent(): React.ReactElement {
PREAMBLE
- sticky가 적용된 블럭 내부 컨텐츠 + {/* sticky가 적용된 블럭 내부 컨텐츠 */} +The short version of the code summarizes aspirations at a high level of the abstraction; @@ -38,7 +39,7 @@ export default function Parent(): React.ReactElement { respected profession. In accordance with their commitment to the health, safety and welfare of the public, software engineers shall adhere to the following Eight Principles:
--
+
- 1. PUBLIC – Software engineers shall act consistently with the public interest.
-
2. CLIENT AND EMPLOYER – Software engineers shall act in a manner that is in the best
diff --git a/public/assets/code.jpg b/public/assets/code.jpg
new file mode 100644
index 0000000..5ea1728
Binary files /dev/null and b/public/assets/code.jpg differ
diff --git a/public/assets/pallas.png b/public/assets/pallas.png
new file mode 100644
index 0000000..c780fa2
Binary files /dev/null and b/public/assets/pallas.png differ
diff --git a/styles/variable.scss b/styles/variable.module.scss
similarity index 59%
rename from styles/variable.scss
rename to styles/variable.module.scss
index 1e6368b..6832339 100644
--- a/styles/variable.scss
+++ b/styles/variable.module.scss
@@ -7,4 +7,10 @@ $blue: #4254fb;
$white: #fff;
$gray: #898989;
-/* Text-size styles */
+$green: #189915;
+$deep-green: #178b14;
+
+:export {
+ deepgreen: $deep-green;
+ green: $green;
+}
diff --git a/tsconfig.json b/tsconfig.json
index f72a40d..8d24cd8 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,30 +1,20 @@
{
- "compilerOptions": {
- "target": "es6",
- "lib": [
- "dom",
- "dom.iterable",
- "esnext"
- ],
- "allowJs": true,
- "skipLibCheck": true,
- "strict": false,
- "forceConsistentCasingInFileNames": true,
- "noEmit": true,
- "esModuleInterop": true,
- "module": "esnext",
- "moduleResolution": "node",
- "resolveJsonModule": true,
- "isolatedModules": true,
- "jsx": "preserve",
- "baseUrl": "."
- },
- "include": [
- "next-env.d.ts",
- "**/*.ts",
- "**/*.tsx"
- ],
- "exclude": [
- "node_modules/",
- ]
- }
\ No newline at end of file
+ "compilerOptions": {
+ "target": "es6",
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": false,
+ "forceConsistentCasingInFileNames": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "baseUrl": "."
+ },
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "additional.d.ts"],
+ "exclude": ["node_modules/"]
+}
diff --git a/types/additional.d.ts b/types/additional.d.ts
new file mode 100644
index 0000000..de36fd0
--- /dev/null
+++ b/types/additional.d.ts
@@ -0,0 +1 @@
+///