const는 상수지만 엄밀히말하면 상수가 아닙니다.
왜냐하면 객체를 사용할때 드러나는데
새로운 값을 대입하지 못합니다.
또한 재할당이 안됩니다. (즉, const 에는 처음에만 =을쓰고 그다음에는 =을 쓸수없음 )
cf) 배열도 객체입니다.
const example1=['a','b','c','d','e'];
example1 = ['h','z']; //불가능
example1[0] ='o'; //가능
const는 상수지만 엄밀히말하면 상수가 아닙니다.
왜냐하면 객체를 사용할때 드러나는데
새로운 값을 대입하지 못합니다.
또한 재할당이 안됩니다. (즉, const 에는 처음에만 =을쓰고 그다음에는 =을 쓸수없음 )
cf) 배열도 객체입니다.
const example1=['a','b','c','d','e'];
example1 = ['h','z']; //불가능
example1[0] ='o'; //가능
구현이 잘 안되어서 codesandbox에 Event.js 코드를 그대로 구현해봤는데 에러그상태로 slidestoshow 가 적용이 안되는 상황이였습니다.
그래서 slick.css 와 slick-theme.css 를 import 해제하고 codesandbox에서 원하는 slick 파일을 설치하니까
slidestoshow 가 적용이 되었지만 arrow가 사라진 상태입니다.
[React] 템플릿(Template)? (0) | 2023.03.05 |
---|---|
[React] 리액트 초기 설치가 안될때 (0) | 2023.03.04 |
[React] Slick 에대해서 알게된것 (0) | 2023.02.05 |
[React] 영화진흥원 API에 대해서 알게된것(+API 에 대해서 알게된것) (0) | 2023.02.05 |
[React] CSS module 적용방법(id,class) 과 주의사항 (0) | 2023.01.30 |
if (조건식) {
동작문
}
이렇게 쓰이며 보통 동작문에는 ; 를 써주는게 좋다고합니다. if { } 에 ; 는 생략해도 괜찮다고 하고요
그리고 { } 갈호를 생략하고 써도 되는데 대신 들여쓰기를 잘 해줘야 합니다.
cf) 들여쓰기는 보통 2번 4번 이렇게 띄워쓰는데 1번 3번 이렇게해도 되고 정해진건 없다고 합니다.
for문은 for(정의문;조건문;종료식) 이렇게 사용되는데 맨위에 한번에 작성할수 있는점에서
while문과 다르게 편한점 있습니다. 코드가 길어질경우 while문 작성시 어려움이 있기때문입니다.
또한 개인적으로 무한루프사용시 보기편한 while을 for보다 사용하는것을 좋아하며
( for문으로 무한루프 작성시 for( ; ; ) 이런식으로 무한루프를 사용하면 이쁘지 않기 때문입니다.)
while 문은 for문보다 무한반복을 사용할때
switch 문은
break 없이 계속쓰면 모두 출력되는데 이걸 이용하는사람도 있습니다.
중간에 break 를 사용하면 그즉시 실행을 끝냅니다.
continue는 break 와 다르게 continue를 만나면 바로 다음으로 넘어갑니다. 코드를 끝내지 않는다는점에서 break와 다릅니다.
1. const 는 처음에 초기화까지 같이 해줘야합니다. 어차피 못 바꾸기 때문입니다.
2. var는 에러가 많이나고 요즘 안쓰인다고 하지만 예전자료가 var로 되있는것들을 이해하기 위해서 알아둘 필요가 있습니다.
또한 다시선언이 가능합니다.
예를들어서 정리해보겠습니다.
a=5
b=3
이라고 했을때
b=a 하면 값이 바뀌는게 아니라 같아지니까
사라질값을 만들어줍니다 -> let example = a;
-------------------------------------------
따라서
let a = 3;
let b = 4;
let example = a; (undefined 메세지가 나옵니다.)// example = 3인상태
이렇게 있으면
a = b; // a가 4가 되고
b = example; 하면 //b는 3이 됩니다.
결과값-> a = 4; b=3;
또한 이제 안쓴다고 example = null ; 이런식으로 할 필요 없습니다.(용량많이차지 x)
HTML 에서 인라인요소는 쉽게말해서 문장안에 특정한부분만을 선택해서 보여주는것을 나타낼수 있을것같습니다.
블록요소도 쉽게말하면 <div>와 같이 한영역전체를 나타내는것을 나타낼수 있을것같습니다.
참고>
https://developer.mozilla.org/ko/docs/Web/HTML/Inline_elements
인라인 요소 - HTML: Hypertext Markup Language | MDN
HTML(Hypertext Markup Language)의 요소는 역사적으로 "블록 레벨" 요소와 "인라인" 요소로 분류됐습니다. 인라인 요소는 콘텐츠의 흐름을 끊지 않고, 요소를 구성하는 태그에 할당된 공간만 차지합니다.
developer.mozilla.org
https://developer.mozilla.org/ko/docs/Web/HTML/Block-level_elements
블록 레벨 요소 - HTML: Hypertext Markup Language | MDN
HTML(Hypertext Markup Language)의 요소는 역사적으로 "블록 레벨" 요소와 "인라인" 요소로 분류됐습니다. 기본적으로 블록 레벨 요소는 부모 요소의 전체 공간을 차지하여 "블록"을 만듭니다. 이 글에서
developer.mozilla.org
그리고
HTML5 에서는 블록과 인라인 요소를 정의하지 않는다고 합니다. 관련글
https://developer.mozilla.org/ko/docs/Web/HTML/Content_categories
콘텐츠 카테고리 - HTML: Hypertext Markup Language | MDN
모든 HTML 요소는 특성을 공유하는 요소끼리 묶는 콘텐츠 카테고리 한 가지 이상에 속합니다. 콘텐츠 카테고리는 느슨한 관계로 서로 간에 어떤 관계를 형성하지는 않지만, 카테고리에서 공유하
developer.mozilla.org
하다가 혼자 깨달은것이니 틀릴수도 있어서.. 잘못된거 있으면 지적해주시면 감사하겠습니다 :)
1. 에로우 눌렀을시 <(왼쪽), >(오른쪽) 넘어가는 횟수는 데이터 갯수만큼 더 많이 넘어갑니다.
(영화진흥원api 영화일일순위 데이터는 한번에 10개씩밖에 데이터를 못받아와서 10개의 크기로만 slick이 생성됩니다.)
2. 한 js 파일에 이미 slick.css 를 import 한 상태면 다른js에서 slick.css를 import 안해도 적용됩니다.
[React] 리액트 초기 설치가 안될때 (0) | 2023.03.04 |
---|---|
[React] slick 적용중 에러(해결중) (0) | 2023.02.16 |
[React] 영화진흥원 API에 대해서 알게된것(+API 에 대해서 알게된것) (0) | 2023.02.05 |
[React] CSS module 적용방법(id,class) 과 주의사항 (0) | 2023.01.30 |
[React] Animation 적용방법 (0) | 2023.01.28 |