[데브코스 FE] 2주차 다섯번째 수업 2024/07/26

[데브코스 FE] 2주차 다섯번째 수업 2024/07/26

2주차 금요일 수업에서는 목요일 수업 연장선으로 배열과 객체의 문법을 좀 더 알아보았고,코드를 좀 더 간결하게 작성하는 방법인 단축평가와JS에서 비동기 함수가 돌아가는 원리인 call stack에 대해서 배웠다. 추가 실습으로, 지난 실습때 적용했던 swiper 2개를연동해보는 실습도 하였다. 이번 수업에서 얕은복사, 깊은복사 처음들어보았고단축평가는 지레짐작으로 쓰고만 있었고함수의 동작원리는 다른 언어에서 대충이나마 배운 기억이 있었지만 이번기회에 복습하면서제대로 정리해보아야겠다는 생각이 들었다.! 학습내용배열의 얕은복사(shallow copy) vs 깊은복사(deep copy)배열과 객체에서의 구조분해할당단축평가call stack과 비동기 동작원리swiper 2개 연동시키기수업 때 질문들 Q&A 1. ..

  • format_list_bulleted TIL(Today I Learn)
  • · 2024. 7. 31.
  • textsms
[데브코스 FE] 2주차 네번째 수업 2024/07/25

[데브코스 FE] 2주차 네번째 수업 2024/07/25

2주차 목요일 수업에서는 JS 문법 중 내장객체, 배열 다양하게 사용하는법, map, filter 등등을 배웠다. 수업을 듣다보니, 개발하면서 혹은 자바스크립트로 코딩테스트 준비하면서 한 번씩 봤던 메서드들이었다.하지만 제대로 깊게 파보거나 공부해본 적은 없기 때문에익숙하면서도 낯선 부분이 있었다. 특히 이번 수업은 자바스크립트로 코딩테스트를 준비할때유용하게 사용할 수 있는 배열 관련 메서드들을 많이 알려주셔서 복습을 꼭 ! 해야겠다고 생각했다. 학습내용다양한 내장객체함수들배열 /  반복문 vs 고차함수배열에서 원하는 값 찾고싶을땐? / map vs filtercss 반응형 vs 적응형수업 때 질문들 Q&A 1. 다양한 내장객체함수들자바스크립트 JS 에서 내장객체란 무엇일까?따로 선언이나 import하지..

  • format_list_bulleted TIL(Today I Learn)
  • · 2024. 7. 29.
  • textsms

[데브코스 FE] 2주차 세번째 수업 2024/07/24

2주차 화요일 수업에서는 JS 문법 중 클래스, 상속, 접근제어자#, 생성자 함수 constructor에 대해 배웠다. 사실 이번에 배운내용은 나에게 너무 낯선 내용들이었다.2년전 학교 수업때 자바에서 클래스를 마주친게 전부여서,수업을 들으며 따라가고 이해하기 매우 벅찼다.  수업때 어찌저찌 어느정도 이해했는데,이번 블로그글으로 다시 복습하면서 내용을 상기시키고 정리해야겠다. 학습내용클래스와 constructor클래스 상속캡슐화 by 접근제어자 #css 팁 ( transform 적용 못하는 경우 해결책 + 클래스 재사용)수업 때 질문들 Q&A1. 클래스와 constructor JS에서는 ES6부터 Class 클래스가 도입되었다.Class란, 객체를 생성하기 위한 템플릿을 정의하는 방법이다.붕어빵 틀로 여..

  • format_list_bulleted TIL(Today I Learn)
  • · 2024. 7. 27.
  • textsms
[데브코스 FE] 2주차 두번째 수업 2024/07/23

[데브코스 FE] 2주차 두번째 수업 2024/07/23

2주차 화요일 수업에서는 JS 문법 중 데이터, 객체, 함수에 대해 배웠다. 문법은 어느 언어나 얕게보면 정말 단순하고 쉬운거같은데,제대로 깊게 파악해보려니 기본 개념이 탄탄해야겠다는 생각이 들었다. JavaScript로 API의 데이터를 받아오다보면자주 보이는 데이터 형태가 바로 객체(Object)이다.그래서 객체나 객체와 관련한 함수들을 잘 다루는것이 곧 실력인 것 같다. 이번엔 데이터 , 객체, 함수 문법들을 중심으로내용을 따로 정리해보고자 한다. 학습내용객체(Object) 와 Symbol 자료형JS 함수 종류, rest 인자swiper 사용시 tip수업 때 질문들 Q&A1. 객체(Object) 와 Symbol 자료형  자바스크립트에는 크게 2가지의 데이터 타입이 있다.하나는 원시 타입(Primit..

  • format_list_bulleted TIL(Today I Learn)
  • · 2024. 7. 26.
  • textsms
[데브코스 FE] 2주차 첫번째 수업 2024/07/22

[데브코스 FE] 2주차 첫번째 수업 2024/07/22

2주차 월요일 수업에서는 피그마로 제시해준 템플릿의 클론코딩을 해보았다. 이제 클론코딩을 실습때 진행해보니레이아웃 잡는 것, 가상요소로 아이콘이나 배경이미지 배치하는 법 등은 방법을 터득한 것 같다. 그렇지만 아직까지 css 코드 작성 요령이나 라이브러리를 활용하는 것 등이 미숙한 것 같다. 이번 수업에서는 'swiper'라는 라이브러리를 이용하여카드가 한 장씩 넘어가도록 만드는 것을 배웠다.또한 지금까지 미숙했던 라이브러리 요소에 커스텀 스타일 입히는 방법도 알아가게 되었다. 이번엔 swiper 적용을 중심으로 내용을따로 정리해보고자 한다. 학습내용swiper 간단 사용법swiper에 커스텀 스타일 입히기swiper 사용시 tip수업 때 질문들 Q&A1. swiper 간단 사용법https://swipe..

  • format_list_bulleted TIL(Today I Learn)
  • · 2024. 7. 25.
  • textsms
[데브코스 FE] 1주차 네번째 수업 2024/07/19

[데브코스 FE] 1주차 네번째 수업 2024/07/19

4번째 수업에서는 클론코딩으로 웹퍼블리싱해보는 수업위주였다. 사실 클론코딩으로 html css js 따라하기는 쉽고 기초적인거아니야? 했는데 막상 따라해보니 디테일한 것을 살리더라도 전체 레이아웃에서 틀어지면 다 뜯어고쳐야했기 때문에전체 레이아웃을 올바르게 짜는 것과, 효율적으로 코드를 활용하는 방법등을 많이 배웠던 것 같다. 이번에도 4번째 수업때 새로배운 내용들을 따로 정리해보고자 한다. 학습내용홈페이지 기본 뼈대 구성 (with 풀무원투오 홈페이지)텍스트 수직 정중앙 시키기기타 꿀팁들(html,css,js)수업 때 질문들 Q&A1. 홈페이지 기본 뼈대 구성 with 풀무원투오 홈페이지https://2o.pulmuone.com/main/main.php 풀무원투오 2o.pulmuone.com실습시간에 ..

  • format_list_bulleted TIL(Today I Learn)
  • · 2024. 7. 24.
  • textsms