TIL - 200623

1. 배운 것

Codecademy - Learn Javascript : Modules

 

모듈 : 자바스크립트 코드의 크기가 갈수록 커지고 기능도 복잡해지자 자바스크립트 커뮤니티는 코드 전체를 기능 단위의 코드 뭉치로 분해하고 필요에 따라 결합할 수 있도록 하는 시스템의 도입을 고민했습니다. 그 결과 도입된 것이 Module System입니다. 이 때 사용되는 코드 뭉치 각각을 Module이라고 합니다.

 

종류

1. named export : 내보내고자 하는 요소 앞에 export를 통해 각각의 요소를 export

+ 최하단에 {}를 통해 모든 요소를 한번에 export 할 수 있음

+ as를 통해 요소의 이름을 변경하여 export 할 수 있음 (ex :  {youngbin as youngbinkwon})

2. named import : 가져오고자 하는 요소를 import를 통해 불러올 수 있음

+ 또한 import 에서 * 를 활용하면 경로에서 export된 모든 모듈을 가져와 사용할 수 있습니다.

3. default export/import : named export를 설명하기 위해 예시를 든 방식과는 다르게, 대개는 한 파일에서 하나의 개체만 모듈로 넘기는 방식을 선호합니다. 그에 맞춰 유용하게 쓰이는 것이 default export 입니다.

 

https://velog.io/@takeknowledge/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%AA%A8%EB%93%88-%ED%95%99%EC%8A%B5-%EB%82%B4%EC%9A%A9-%EC%9A%94%EC%95%BD-lwk4drjnni

자바스크립트 모듈(Module) 학습 내용 간단 요약

 

2. 개발한 것

 1) 스파르타코딩클럽 프로젝트

  - python 셀레니움을 이용하여 크롤링할 Jefit 페이지의 'click'버튼을 끝까지 클릭하여 모든 운동리스트를 크롤링할 수 있게 개발

  - 크롤링한 데이터를 운동이미지, 운동명, 운동부위의 한 세트로 만들어서 DB에 저장하는 기능 개발

  - 해당 객체를 프론트엔드에 카드 형식으로 뿌려주는 기능 개발 (이미지에 ssl 적용되어 있어 안불러와짐)

 

3. 개발할 것

 2) Codecademy JS 강의 : Promise

 3) Freecodecamp 'Applied visual design'강의 시작