TIL

Flex는 요소의 크기가 불분명하거나 동적인 경우에도, 각 요소를 정렬할 수 있는 효율적인 방법을 제공합니다. Flex의 2가지 개념 우선 Flex는 2개의 개념으로 나뉩니다. 첫 번째는 Container 두 번째는 Items 입니다. 위에서 살펴본 바와 같이 Co

FOR 구문 반복할 조건을 초기화, 조건식, 증감문 순으로 넣어준다 While 구문 For VS While (A: 초기화, B: 실행조건, C: 루프마다의 변화, D: 실행문) for (A; B; C) { D; } A; while (B) { D; C; }

str.indexof (searchValue) argument : 찾고자 하는 문자열return value : 처음으로 일치하는 index, 찾고자 하는 문자열이 없으면 -1 lastindesxOf : 문자열 뒤에서 부터 찾음 str.includes(searchValu

Document Object ModelJavaScript를 이용해서 엘리먼트의 속성값을 얻어내거나, 변경하는 방법위 HTML 엘리먼트를 JavaScript로 표현한다면 ?이렇게 표현하는 방법이 바로 DOM • HTML 문서의 구조와 관계를 객체(Object)로 표현한

웹페이지는 content,padding,border,margin으로 이루어져 있다.: 화면 전체를 씀컨텐트 크기만큼 씀 flex layout을 1차원이라 한다면 grid layout은 2차원 레이아웃의 특성을 갖는다.HTMLCSSgrid-template-columns

: 텍스트를 정렬하는 속성text-align의 값으로 올 수 있는 값은 아래와 같습니다. leftrightcenterjustify 위 처럼 text-align:left 의 경우 양쪽이 균등하게 배치되지는 않는다!그것을 위한 것은 text-align:justify 고정

버전관리백업협업 git 장점 모든 파일의 변화를 추적해서 기록한다(버전관리 시스템) 같은 파일에 대한 각기 다른 버전을 저장한다. 타암임라인처럼 같은 파일을 가지고 여러명과 함께 일을 할 수 있다. 깃허브는 클라우드에 있는 깃 제공자이다.내 컴퓨터에 있는 깃히스토리를

브라우저는 한 줄 한 줄 분석(parsing)해서 css와 병합해서 DOM으로 변환 하는데 script태그가 보이면 main.js(위 예시) 를 다운 받아야 되네 이해 -> html를 parsing 하는 것을 잠시 멈춤 -> 필요한 자바스크립트파일을 서버에서 다운 받아

JavaScript의 Dynamic typing(dynamically typed language) 문제를 해결하기 위해JavaScript 위에 type이 더 올려진 언어브라우저가 이해하려면 컴파일러를 이용해야 함 preIncrement:3, counter:3먼저 연산

object 만드는 법 1\. const obj1 ={} // 'object literal' syntax2\. const obj2 =new Object(); // 'object constructor' syntax \-> new라는 키워드를 통해 생성시 Object에서

드림코딩 엘리 Array.api 문제 1번 // Q1. make a string out of an array { const fruits = ['apple', 'banana', 'orange']; } 내코딩 > join이라는 메소드 아예 몰랐음 엘리코딩 > J

REACT(생활코딩) 장점 가독성 재사용성 유지보수 Component 생성 > pure.html (react를 쓰지 않았을 때) > 위의 코드가 1억개가 있는 것으로 가정한다면 코드를 인식하기 힘듬 -> react를 써서 코드를 한 눈에 볼 수 있게 만들 수 있

<!DOCTYPE> : 이 html파일이 무슨 버전의 html을 사용했는지 브라우저에 알려주는 역할을 한다index.html에 쓰인 이 선언문은 HTML5 버전을 사용한다는 의미이다 <meta charset="utf-8"> : 한글, 일본어, 중국어가 포함

오늘은 CSS의 레이아웃을 잡아주는 position 프로퍼티를 배워보자!position에는 static, relative, absolute, fixed 네 가지가 있다(static은 거의 사용하지 않아 여기서는 pass!) position: static;position

funtion 매개변수(parameter)와 인자(argument) 매개변수 (Parameter) 함수는 외부에서 입력 받은 데이터를 처리하기 위해서는 외부의 값을 받아야 되는데요, 바로 그 역할을 하는 것이 매개변수입니다. 예제 > 위의 name 처럼 함수

오늘은 JavaScript - String 에 대해서 알아보자 Sting Number 변환 > 여기서 주의할 점은 '200'-'10' 이다. 스트링과 스트링을 뺐는데 숫자처럼 인식 후 연산한 결과값을 보여준다. -의 경우 오로지 숫자에만 사용되는 연산이다! NaN

Array Method Map > map 메소드에서는 배열을 반복해주는데, callback 함수에서 return한 값으로 매(each)요소를 수정해준다! 결국 map메소드의 return한 값은 수정된 값으로 다시 생성된 배열이다. ref) callback 함수란,

호스팅 : 인터넷에 띄운다는 것은 홈페이지의 구성파일들이 (HTML,CSS,JS)항상 연결되고 절대 꺼지지 않는 컴퓨터(웹 서버)에 저장되어 있아다가 사용자의 요청이 오면 언제든지 응답서비스 예) AWS ec2/S3, cafe24 호스팅센터 IP주소는 Internet으

인스타 페이지 구조는 아래와 같다.main > InstaPage > InstaList > InstaBox , InstaModal 인스타리스트 페이지인스타박스와 인스타 모달의 상단 컴포넌트로 인스타 페이지의 값을 받아와 모달과 박스에 해당 값을 뿌려준다. 1) modal