목록전체 글 (208)
Gom3rye

스파르타 코딩 클럽에서 48시간 동안 무료로 추억소환 코딩 패키지 - 1일차 강의를 제공해주었다. 이번 기회에 처음으로 카카오 지도를 웹에 넣어보았는데 단지 지도를 불러오는 코드만 설명해주는 것이 아니라 카카오 지도 API에 관한 상식도 알려주셔서 너무 좋았다. 현재 지도 API가 필요한 창업을 준비 중인 나에게는 스스로 API키를 발급 받아 쓸 수도 있다는 내용은 매우 유익했고 직접 API키를 발급받을 수 있는 과정도 사진을 통해 구체적으로 알려주셔서 좋았다. API키를 왜 사용하는 것인지도 자세하게 설명해주셔서 컴퓨터와 관련이 먼 사람들도 스파르타 코딩 클럽의 강의는 어려움 없이 들을 수 있을 것이라고 생각했다. 스파르타 코딩 클럽에서 처음 들어본 강의였는데 전체적으로 너무 좋아서 실용적인 코딩 강의..
처음부터 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 > 의미 없는..