본문 바로가기

Programing371

005. [코딩애플] [part1] 버튼에 기능개발을 해보자 & 리액트 state변경하는 법 간단한 팁터미널 Warning(노란색) 지우기.Error(빨간색)은 코드 작동 불가이기 때문에 중요하나, Warning은 변수를 선언해놓고 쓰는 곳이 없다든지, 이런 사항에 대해서 알려주는 기능이다. 도움은 될 수 있으나, 이것 때문에 터미널이 복잡하다면,코드 최상단에 아래 내용을 붙여 넣는다./* eslint-disable */좋아요 버튼 만들기버튼 레이아웃 만들기. 이모지로 만들었다.function App() { let [ title, updateTitle ] = useState( [ '가을 남자 코트 추천', '강남 우동 맛집', '오늘의 일기 예보' ] ); return ( .. Programing/React 2024. 5. 21.
004. [코딩애플] [part1] 중요한 데이터는 변수말고 state에 담습니다 App.js (jsx)에서 HTML 작성하기return 키워느 내부에서만 html 마크업 문서를 작성해야 함.주의사항으로는 한 줄에 병렬로 두 개 이상의 태그를 사용할 수 없음.function App() { return ( {/* 이 곳에서만 HTML 작성 가능 */} {/* 이와 같이 열고 닫는 태그도 병렬로 작성 불가*/} {/* 이렇게 한줄씩 작성해야 함. */} );} Programing/React 2024. 5. 21.
2024-05-17 React To Do List 만들기 배포주소https://bootcamp-0517.vercel.app기존코드와 개선된 코드기존 코드 (하나의 App.jsx에 작성)import { useState } from 'react';import './App.css';function App() { const [cards, setCards] = useState([]); const [newTitle, setNewTitle] = useState(''); const [newBody, setNewBody] = useState(''); const addCard = (e) => { e.preventDefault(); if (newTitle === '' || newBody === '') { setNewTitle(''); setNe.. Programing/TIL 2024. 5. 19.
내 로컬에 있는 폴더를 CSS에 적용시키는 방법 상황웹 폰트를 지원하지 않는 폰트를 별도로 설치하여 사용하고 싶다. 예를 들어 AppleSDGothicNeo 즉 애플고딕은 웹 폰트를 지원하지 않으나, 상업적 비상업적 무료로 라이센스를 지원하기 때문에 폰트를 별도로 사용 가능하다.방법원하는 폰트를 설치한다.프로젝트 폴더에 fonts라는 폴더를 만든 후 그곳에 폰트를 넣는다. (자유작명)설치한 폰트를 CSS에서 import한다.@font-face { font-family: 'AppleSDGothicNeoEB'; src: url('../fonts/AppleSDGothicNeoEB.ttf') format('truetype'),; font-weight: normal; font-style: normal;}아래처럼 여러 개 할 수도 있음.format은 폰트.. Programing/CSS 2024. 5. 18.
Mac에서 push 할 때 생성되는 .DS_Store 앞으로 계속 업로드 제외시키기 상황Mac OS 환경에서는 에디터로 작업 후 push를 할 때 DS_Store라는 파일이 자동으로 생성되어 함께 push된다.이 파일에는 보기 옵션이나 아이콘 위치 등 민감할 수 있는 정보들이 담기면서 계속 수정이 되는데, 개발자의 의도와는 다르게 파일에 계속 변경사항이 생기기 때문에 merge 과정에서 계속 성가신 충돌을 발생시킨다.이 문제를 해결하기 위해선 .gitignore파일을 만들어서 push할 때 업로드 되지 않도록 하여야 한다.그런데 매번 프로젝트를 생성할 때마다 이 작업을 하긴 번거로우니, .gitignore를 전역으로 생성하도록 설정하면 된다.방법// .gitignore 파일 생성git config --global core.excludesfile ~/.gitignore_global// ... Programing/Git 2024. 5. 17.

티스토리툴바