목록분류 전체보기 (207)
Gom3rye
처음부터 styled component로 묶으면 개발할 때 편하니까 스타일링이 적용되지 않는 것도 묶자. GlobalStyle에 있는 font-size는 왠만하면 건들지 않는 것이 좋다. ---> px을 rem으로 바꿀 때 계산하기 편리하기 위해서 ex) GlobalStyle에 font-size가 10px로 되어있으면 rem으로 변환할 때 10만 나눠주면 된다. ( 200px = 20rem ) 이번 과제에서는 배열에 변경을 가할 일이 없기 때문에 key값으로 index를 부여해도 문제가 없으나 보통의 경우는 지양해야 합니다. 자바스크립트의 배열은 정적이지 않습니다. 즉, 배열의 길이나 원소 등이 변할 수 있다는 의미입니다. 따라서 배열의 index를 key prop으로 사용하는 것을 지양해야 합니다. 배..
1. 코드 정리의 도구 : 함수, 객체, 파일 2. 여러가지 파일을 다운받는다면 웹 서버 입장에서는 안 좋지만(접속은 적을 수록 좋다.) 그럼에도 불구하고 파일을 사용하는 것이 더 효율적인 이유 > 캐시(cache : 저장한다) 때문에. 한 번 웹 브라우저에 다운로드 된 파일은 보통 웹 브라우저가 컴퓨터에 저장하고 다음에 접속할 때 저장된 파일을 읽어서 네트워크를 통하지 않게 한다. 그렇게 된다면 서버 입장에서는 비용을 절감 할 수 있고 사용자 입장에서는 네트워크 트레픽을 절감해 훨씬 더 빠르게 웹 페이지를 화면에 표시할 수 있다. 따라서 중요하고 공통되는 코드는 파일로 쪼개서 사용하는 것이 훨씬 더 효율적이고 돈과 시간이 적게 드는 것이다. 3. : 속성 값으로 css를 가져온다. : 속성 값으로 Ja..
1. git clone (repository address).git > 포크한 원격 저장소를 내 컴퓨터와 연결해 데이터를 복사하여 가져온다. 2. git add . > . 을 붙임으로써 지금까지 변경된 사항을 모두 저장할 수 있다. 3. git commit -m "커밋할 메세지" > 커밋할 메세지와 함께 올린다. (commit: ~를 적어두다) 커밋할 메세지는 영어로, 변경 사항을 알아볼 수 있도록 적는 것이 좋다. 4. git push > github에 올린다. 5. vercel --prod > production domain을 배포. 6. Semantic element > 의미 있는 요소 (기계도 의미를 알아듣는 요소) ex, , , , , , 7. Non-semantic element > 의미 없는..