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가 사라진 상태입니다. 

 

첫번째로 원래프로젝트를 codesandbox에 옮겼을때 slidestoshow가 적용되지 않는현상입니다.
화면에 보이듯이 slick.css와 slick-theme.css 를 적용하지않고 carousel 를 설치한상태입니다.
carousel를 설치후 slidestoshow가 적용된 모습입니다.

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로 되있는것들을 이해하기 위해서 알아둘 필요가 있습니다.  

또한 다시선언이 가능합니다.

 

var의 다시 선언가능함을 나타내는 사진 //참고로 let은 다시선언이 안됩니다.

 

예를들어서 정리해보겠습니다.

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 안해도 적용됩니다. 

 

+ Recent posts