|
{visibility:error?'visible','hidden'}
| .required:after { content:" *"; color: red; } (0) | 2024.06.04 |
|---|---|
| 정렬문제 간단히 display:flex, align-items:center로 해결 (0) | 2024.05.30 |
| display:block에서 정렬이 들쑥날쑥해지는 이유 - text baseline을 기준으로 정렬되기 때문 - vertial-align: text-top으로 해결가능 (0) | 2024.04.26 |
| css position: sideBar overlap error (0) | 2024.04.25 |
| css position: static(default), relative, absolute, fixed (0) | 2024.04.25 |
소스수정해도 LG cloud망에서는 반영되었으나 외부망과 스마트폰앱에서는 반영안되는 현상있었으나 아래 수정함으로서 해결됨
webpack.common.js 여러번 수정함
module.exports = {
entry: {
// index: "./src/index.js", --> key 값이 index 일 경우 index.js 가 만들어지는데 운영서버에서 block 되는 경우가 발생하여 test 로 변경함
// entry: "./src/index.js", --> key 값이 entry 인 경우도 운영서버에서 block
// test: "./src/index.js", 얘도 삭제됨
app: "./src/index.js",
},
webpack.development.js, webpack.localhost.js, webpack.production.js
[name] --> [name].[contenthash] 로 수정됨
module.exports = (env) =>
merge(common, {
// entry: {
// 'index': './src/index.js',
// },
devtool: "source-map", // only for development
output: {
path: path.resolve(__dirname, `build`),
publicPath: `/`,
filename: `[name].[contenthash].min.js`, //contenthash추가
chunkFilename: "[id].js", // 기본 설정인데 [id]는 청크 순서대로 0,1,2,3,...
sourceMapFilename: "[name].[contenthash].js.map", //contenthash추가
...
dev-version이라는 branch를 생성하면서 그 branch 하나만 받아짐, branch가 많다면 그냥 git clone보다 속도 더 빠른듯
그런데 git config -l로 확인해보면 remote.origin.fetch=+refs/heads/[branch]:refs/remotes/origin/[branch]로 되어 있음, 그러면 다른 branch 못 받으므로 remote.origin.fetch+=refs/heads/*:refs/remotes/origin/*로 고쳐줘야 함
그리고 나서 git remote update해야지 다른 branch도 확인가능함, git remote update하기전에는 git branch -a 해봐도 branch하나만 보임
| [remote|remote tracking|tracking] branch간의 차이, git remote update/git fetch 차이 (0) | 2024.05.08 |
|---|---|
| git 강제 덮어쓰기 (0) | 2024.05.08 |
| git: fast-forward 개념-한쪽은 전혀 수정이 없기 때문에 새로운 병합된 커밋이 생성되는 것이 아니라 포인터의 위치만 더 최신으로 옮겨짐 (0) | 2024.04.23 |
| (fetch first)error: pull안받고 push하려할때 (0) | 2024.04.23 |
| (non-fast-forward)error: 원격 저장소와 로컬에 생성된 저장소 간 공통분모가 없는 상태에서 병합하려는 시도로 인해 발생. 해결은 git fetch/full --forced (0) | 2024.04.23 |
text baseline을 기준으로 세로 정렬
그래서 한줄일때만 쓰기 좋음 -> 고치려면? 일단은 display:flex로 고치는게 빠를듯
vertical-align을 text-top으로 고치니 uplodate template download버튼 2개는 맞춰졌음 그러나 모든 버튼을 일일이 다 고쳐줘하는 듯 하고 버튼이 아닌 것들은 어떻게 고쳐야 하는지...
vertical-align에 대해 자세히 나온 글, 아직 다 보진 못했음
[공유] Vertical-align 파헤치기! – 1부 | Hivelab Blog
[공유] Vertical-align 파헤치기! – 1부 들어가며 안녕하세요. 하이브랩 UI개발2팀 도재경, 우현주입니다. 각자 UI개발1팀과 SEP실에서 열심히 과제를 진행했지만 서로 같은 고충을 느꼈던 저희!!! 그
blog.hivelab.co.kr
-> 예전에 정리한 자료인데 다시 보니 잘 이해안됨;
display: block, height:100%이면 height는 부모나 자식을 자르지 않고 다보여주는 방향으로 결정되는 듯
그래서 height늘이려면 간단히 자식의 길이를 늘이거나 추가하면 됨
html 태그나 element 등은 기본적으로 순서대로 작성됨
그런데 position을 사용하면 코드 순서와 상관없이 원하는 곳에 그려낼수 있음
position따로 지정하지 않으면 defaut로 static인데, 이 static이 뭔지를 이해해야함 -> 코드 순서대로 그려지는 상태
position을 absolute나 fixed로 설정시 가로 크기가 100%가 되는 block 태그의 특징이 사라지게 된다고 함(https://ofcourse.kr/css-course/position-%EC%86%8D%EC%84%B1)
| display:block에서 정렬이 들쑥날쑥해지는 이유 - text baseline을 기준으로 정렬되기 때문 - vertial-align: text-top으로 해결가능 (0) | 2024.04.26 |
|---|---|
| css position: sideBar overlap error (0) | 2024.04.25 |
| 아래를 다 가리는 loading indicator (0) | 2024.04.25 |
| 우측정렬: text-align: right | display:flex, justify-content:flex-end | (0) | 2024.03.27 |
| 경로를 나타내는 href, src, url 차이: CSS(항상 url), HTML(link이면 href, link아닌 이미지나 비디오 등등이면 src) (0) | 2024.03.27 |
#FFFFFF: white
#000000: black
R #FF0000: red
G #00FF00: lime (흔히 아는 그린색은 아니고 라임색, 형광연두같은 색)
B #0000FF: blue
| css variable - color에 사용하면 좋음: var(--LG-Red) (0) | 2024.06.21 |
|---|---|
| color keyword: black, gray=grey, lightgray=lightgrey, gainsboro(A light bluish grey colour, 옅은푸른빛회색) (0) | 2024.04.25 |
https://developer.mozilla.org/ko/docs/Web/CSS/color_value
<color> - CSS: Cascading Style Sheets | MDN
CSS <color> 자료형은 색을 나타냅니다. <color>는 이 색이 배경과 어떻게 합성되어야 하는지 나타내는 알파 채널 투명도 값도 가질 수 있습니다.
developer.mozilla.org
| css variable - color에 사용하면 좋음: var(--LG-Red) (0) | 2024.06.21 |
|---|---|
| color: #ffffff(white), #000000(black) (0) | 2024.04.25 |