시리즈

공부일지

1.(2023/04/17) 내일배움캠프 사전캠프 1일차

나중에 이 내용들을 봤을 때 틀린 게 있을 수도 있을 것 같다.자바스크립트의 배열은 문법적으로는 파이썬의 배열과 비슷하다.문 끝마다 세미콜론을 찍어서, 구분이 눈에 띄게 하기한줄 주석 : 컨트롤 + /여러줄 주석 : 컨트롤 + 쉬프트 + /'코드가 어떻게 동작하는지'

2023년 4월 19일

2.(2023/04/18) 내일배움캠프 사전캠프 2일차

코드는 수직으로 해야 읽기 좋다.배열의 마지막 요소에도 끝에 쉼표를 넣어도 되고, 그래야 나중에 수정할 때도 용이하다.?는 조건에 따라 반환 값을 달리하려는 목적A ? B : C; -> A가 참이면 B, 아니면 Cswitch : 엑셀에서 select랑 비슷한 것 같다.

2023년 4월 19일

3.(2023/04/19) 내일배움캠프 사전캠프 3일차

뼈대꾸미기움직이기내용물을 정렬할 때 (padding 필요 없음) display: flex; flex-direction: column; or row; align-items: center; justify-content: center;줄맞춤, 코드를 접었다 폈다 해서 위계가

2023년 4월 19일

4.(2023/04/20) 내일배움캠프 사전캠프 4일차

fetch : url에서 데이터를 가져오기라이브러리가 잘 돼있다문법이 직관적이다라이브러리를 프로젝트별로 따로 쓰기 위해 가상환경을 설정한다pip install 라이브러리 -> 라이브러리 설치 후 기본코드 넣어주기줄을 맞춰 써야 내용물로 인식한다requests 라이브러리

2023년 4월 21일

5.(2023/04/21) 내일배움캠프 사전캠프 5일차

웹개발 종합반을 한번 더 완주하고, 내일배움캠프에서 지원해준 교재와 그 교재의 유튜브 영상을 보면서 공부를 했다.F12 : 콘솔창이 한 번에 뜬다!!오류가 발생했을 때에는 콘솔창에 오류 내용이 있다. 1\. ReferenceError : 오탈자 에러 2\. Syn

2023년 4월 24일

6.(2023/04/24) 내일배움캠프 사전캠프 6일차

배열 뒤에 요소 추가 : push(요소)배열 중간에 요소 추가 : splice(인덱스, 0, 요소)배열의 요소 제거 : splice(인덱스, 1)배열 내부에서 값의 위치 찾기 : indexOf(요소)스택 : 기본자료형 저장, 복합자료형의 주소 저장힙 : 복합자료형의 본

2023년 4월 25일

7.(2023/04/25) 내일배움캠프 사전캠프 7일차

나머지 매개변수 : 배열함수(...배열) : 배열의 있는 내용을 전개해서 실행자료가 배열인지 확인할 때 : Array.isArray()map 함수 : 기존 배열을 새로운 배열로 만든다.화살표 함수 : (매개변수) => {본문}setTimeout() : 시간이 되면 한번

2023년 4월 26일

8.(2023/04/26) 내일배움캠프 사전캠프 8일차

try - catch - finally 구문 1\. try : 오류가 발생할 것 같은 코드 2\. catch : 예외가 발생했을 때 실행될 코드 3\. finally : 무조건적으로 실행할 코드클래스의 첫 글자는 대문자로!메소드,클래스 공부 필요할듯cl

2023년 4월 27일

9.(2023/04/26) html 공부 기록!

이미지를 url로 삽입하고 가운데로 맞추기(항상 세 줄이 함께) > ### 텍스트 가운데로 정렬 > ### 폰트 바꾸기 구글 웹폰트 이용(https://fonts.google.com/) 폰트 찾아서 import의 style태그 안과밑에 font-family라고

2023년 4월 28일

10.(2023/04/27) css 공부 기록!

css에서 선택자는 구체적일수록 우선순위가 높다.\*\*id선택자는 '+ a선택자 > b선택자 : a선택자 바로 밑의 b선택자\_ 지정a선택자 b선택자 : a선택자 하위의 b선택자a선택자 ~ b선택자 : a선택자 뒤의 모든 b선택자a선택자 + b선택자 : 바로 뒤의 b

2023년 5월 1일

11.(2023/05/02) css 공부 기록!

block과 다르게 inline-block은 다른 요소와 나란히 있을 수 있다.block의 margin은 상하가 상쇄된다.

2023년 5월 3일

12.(2023/05/03) javascript 공부 기록!

상수는 가급적 대문자로 선언&&가 ||보다 먼저 평가된다

2023년 5월 4일

13.(2023/05/04) css 공부 기록!

tagtag의 id에 적용inline좌우 padding margin만 적용됨

2023년 5월 5일

14.(2023/05/04) javascript 공부 기록!

몫 구하기 : Math.floor(숫자1/숫자2) 함수 사용정수부분만 출력 : Math.trunc()

2023년 5월 5일

15.(2023/05/06) javascript 공부 기록!

변수 중 가장 작은 값 찾기 : Math.min(변수들)변수 중 가장 큰 값 찾기 : Math.max(변수들)

2023년 5월 7일

16.(2023/05/08) css 공부 기록!

box-sizing: border-box로 해야 패딩과 테두리를 포함하여 사이즈가 설정된다.font awesome에서 아이콘 활용

2023년 5월 9일

17.(2023/05/08) javascript 공부 기록!

for 반복문에서 변수 = 0 설정slice(시작값,끝값)시작값부터 끝값까지 자른 복사본 리턴(끝값은 포함하지 않음)sort()배열을 오름차순 정렬함수의 요소를 문자열로 취급하기 때문에 숫자를 정렬할 때는 괄호에 함수를 집어넣어줘야 함

2023년 5월 9일

18.(2023/05/09) javascript 공부 기록!

숫자 사이에 \_를 넣어도 출력되지 않음e숫자는 0의 개수로 출력됨parseInt() : 정수만 출력(문자가 오기 전까지만 출력)parseFloat() : 소수점까지 출력Math.random() : 0~1까지의 랜덤 수includes(문자열) : 문자열이 포함하는지 확

2023년 5월 10일

19.(2023/05/10) javascript 공부 기록!

for of문에서 entries()를 통해 for문처럼 index값도 출력할 수 있다.for문은 코드 작성에 수고가 많이 들고for in문은 객체를 순환할 때만 사용하고forEach문은 코드가 간결하나 break, continue를 사용할 수 없고for of문은 코드가

2023년 5월 11일

20.(2023/05/15) javascript 공부 기록!

join(문자) : 배열 사이에 문자를 넣어서 출력

2023년 5월 16일

21.(2023/05/17) javascript 공부 기록!

do...while : 조건과 상관없이 무조건 한번은 실행해야 할 때let - 블록 영역 안에 선언된 변수는 블록 바깥 변수에 영향을 미치지 않는다.var - 전체에 영향을 준다.화살표 함수매개변수가 한개인 경우에는 괄호를 치지 않아도 된다.매개변수가 없을 때에도 괄호

2023년 5월 17일

22.(2023/05/18) javascript

const를 먼저 사용하고 향후에 바꿀 일이 있으면 let으로 바꾸기

2023년 5월 18일

23.(2023/05/24) html/css 공부 기록!

테킷 프론트엔드 스쿨 6기를 참여하게 되었다.4개월동안 최선을 다해 능력을 최대한으로 끌어올려야겠다.페이지를 만드는 것을 문서를 만든다고 생각하자일반적으로 모든 글을 p태그로 묶는다

2023년 5월 24일

24.(2023/05/25) Git 공부 기록!

=> 파일이 어떻게 변경되어 왔는지 볼 수 있는 버전 관리 시스템=> git config --global core.pager catworking directory ->git add 명령어로 stage에 보낸다 ->git commit -m '커밋메세지'로 커밋=> git

2023년 5월 26일

25.(2023/05/26) html 공부 기록!

=> 출처 등을 밝힐 때는 figcaption 태그 사용ul 태그 => unordered list => 비순차 목록ol 태그 => ordered list => 순차 목록li 태그 => list item => 목록 아이템ul, ol 태그는 li 태그만 감쌀 수 있다.=>

2023년 5월 27일

26.(2023/05/26) Git 공부 기록

=> git commit -> 커밋 메세지를 적어서 커밋=> 커밋 후 원격저장소 설정하고 git push로 보내기=> 강제로 push하기 -> git push origin +main=> 마지막 커밋메세지 수정 -> git commit --amend=> git init=

2023년 5월 27일

27.(2023/05/29) Git 공부 기록!

=> rm -rf .git

2023년 5월 29일

28.(2023/05/30) 공부일지!

HTML 4.01HTML 5XHTML 1.0heading의 순서는 건너뛰면 안 됨=> h1 + h3q=> 짧은 인용문blockquote=> 긴 인용문(인용문 묶음)strong=> 중요성, 심각성, 긴급성 강조em=> strong태그보다는 덜하게 강조b, i=> 강조 없

2023년 5월 30일

29.(2023/05/31) 공부일지!

aria-hidden="true" 속성값을 주면 screen reader에서는 읽히지 않는다.=> 특수문자같이 시각적으로는 필요하지만 읽어줄 필요가 없는 부분들에 사용title=> 전역속성=> 마우스를 올리면 보이는 툴팁alt=> img태그에서 alt속성은 필수data

2023년 5월 31일

30.(2023/06/01) 공부 일지!

HTML 요소 임베디드

2023년 6월 1일

31.(2023/06/02) 공부 일지!

모바일 세로모드=> portrait모드모바일 가로모드=> landscape모드action 속성에 전송할 주소를 적는다민감한 개인정보는 method에 POST방식을 사용한다=> 기본값은 GET방식기본값은 16pxem=> 상속값 \* em값rem=> 루트값 \* rem값l

2023년 6월 2일

32.(2023/06/05) 공부 일지!

상속되는 속성=> 디자인에 관련된 것상속되지 않는 속성=> 공간에 관련된 것인라인 블록 박스=> 인라인 박스처럼 렌더링되지만 너비와 높이를 설정할 수 있음인라인 박스=> 상, 하로는 margin, padding값을 주어도 공간이 벌어지지 않는다auto=> 자식 박스가

2023년 6월 6일

33.(2023/06/07) 공부 일지!

name 속성=> 저장될 때에 알아보기 위한 이름lable=> for 속성과 이름표를 붙일 태그의 id 속성과 연결시킨다input=> minlength, maxlength 속성으로 최소 또는 최대 글자 수를 정할 수 있다margin, padding에서 auto=> di

2023년 6월 8일

34.(2023/06/08) 공부 일지!

=> git log에 있는 id값으로 checkout한다inline=> width와 height의 값을 줄 수 없다=> 컨텐츠의 크기에 맞게 너비가 조절된다inline-block=> 줄바꿈이 생기지 않는다block=> 기본적으로 부모 요소의 너비 전체를 채운다=> 줄바

2023년 6월 9일

35.(2023/06/09) 공부 일지!

defer=> 스크립트를 바디의 해석이 끝난 이후에 실행되도록 한다hidden=> 탭했을 때 선택되는 박스 영역이 보이지 않을 수 있다그라데이션 색깔 조합으로 배경 만들기멀티로 배경을 지정할 때는 뒤에 배치할 배경의 코드를 밑에 위치한다자바스크립트를 이용한 애니메이션에

2023년 6월 9일