react css 2

[React, html , css] 작업 도중 메모, 재렌더링 key, 모바일 height 100%, border gradient 등등

굳이 리액트에만 국한된건 아니고 퍼블리싱이 대부분인듯한데 여튼요번에 랜딩페이지 작업하면서 예전에 다 해봤었는데 깜빡하고 있었다가 다시금 상기된것 정리하려함.문제 1. Key국문/영문 페이지가 존재하고 FullpageSection 로 작업을 진행하였는데국문, 영문으로 전환시 이중연산자로 처리한게 대부분이라 재렌더링이 없었음문제는 국문은 Section 이 4개 , 영문은 Section이 5개영문 Section5 는 왜 계속 안나오나 ... 삽질하다가 결론은 재렌더링이 안되어서 국문 Section 으로만 가지고 있으니 백날 영문으로 전환해도 의미가 없는것해결방법 : key 추가 ....key 만 추가 해주면 모든게 해결되는 문제였음 ..문제 2. 모바일 페이지 height : 100%모바일 브라우..

IT/React.js 2024.04.18

[React] local 과 build 시 스타일 다르게 보이는 부분

문제점 : Local 에서 (yarn start) 로 가동시켰을때의 css 와 , build 하여 서버에 올렸을때 css가 다르게 보임 예 : div, p , span 등의 element 들이 선언한 css 들은 잘 먹히는데 height 가 달라서 안맞게 보임. 원인 : reset.css 를 import 한게 주 원인이었음 해결방법 : reset.css 제거 및 react 는 css 를 reset 하는 방법이 따로 있어서 그대로 진행 style reset 세팅 방법, ( 아래 둘중 사용하는걸로 진행) npm i styled-reset yarn add styled-reset # App.js import React, { useState, useEffect } from 'react'; ... //styled-..

IT/React.js 2021.11.29
300x250