본문 바로가기
728x90
300x250

전체 글1017

리액트 시작하기 - 리액트 색성하기 리액트 설치는 아래 게시글을 확인https://moo-you.tistory.com/536 React 리액트 설치 방법React를 설치하기 위해서는 몇 가지 재료가 필요 합니다. 1. node.js, 2. Visual Studio Code node.js설치 먼저 검색창에서 node.js를 검색합니다. Node.js 사이트로 들어가면 바로 Download가 나오는데 오른쪽은 최moo-you.tistory.com    리액트로 웹사이트를 개발할 때에는 create-react-app 주려서 CRA를 사용한다.리액트로 개발하는데 필요한 모든 설정들을 생성해 주는 도구이다. vscode 터미널에서 아래 명령어를 실행한다.npx create-react-app test test에는 자신의 프로젝트 명을 입력한다.패키지.. 2024. 10. 14.
비주얼 스튜디오 코드 라이브 서버 크롬 연결 1. File > Preferences 2. Settings    3. Extensions > Live Server config > Custom Browser > chrome로 변경 2024. 10. 11.
포토샵 프로그램 오류로 인하여 다른이름으로 저장 할 수 없습니다. 해결 갑자기 이 상태로 저장이 안됨여러가지 방법을 시도1. 최신버전 업데이트내 경우는 이미 최신버정 이였음 2. 레이어 패널에서 모든 레이어를 숨긴 후 다시 저장역시 안됨 3. 편집 > 환경설정 > 그래픽 프로세서 사용 설정 해제 역시 안됨  4. 포토샵 이전 버전으로 롤백결국 내가 해결한 방법Creative cloud 데스크탑에서 앱탭을 클릭 기타 ... 아이콘을 선택드롭다운 목록에서 기타 버전을 선택 설치하려는 버전 선택하고 설치 2024. 7. 31.
마진 병합 : 인접 요소 마진이 함께 적용되는 문제 해결 문제 시나리오 html  css.parent { background-color: lightgrey; height: 150px;}.child { margin-top: 20px; background-color: lightblue; height: 100px; width: 100px;}  이 경우 .child 요소 상단에만 20px의 마진을 기대 했지만의도와 다르게 .parent 요소도 내려가게 된다. 이유.paert 요소 상단 마진과 병합이 된다. 마진 병합은 css 레이아웃 엔진이 블록 요소의 수직 간격을 보다 직관적으로 처리하기 위해 설계되었다.이 개념은 요소 간의 중복된 마진을 줄이고 더 깔끔한 레이아웃을 생성하는데 도움된다. 하지만 이것이 예상치 못한 문제를 야기함.. 2024. 7. 10.
728x90
반응형