부트캠프46 [개발자의 품격 (야간) 부트캠프 1기] - 열세 번째 미팅 2022년 2월 15일 개발자의 품격 (야간) 부트캠프 열세 번째 미팅에 참여했습니다. 오늘은 지금까지 배운 개념을 모두 융합해서 실제로 데이터를 조회/삭제/생성하는 실습을 진행했습니다. json-generator를 이용하여 랜덤의 가상 data를 생성하고 이를 db.json에 저장하여 json-server로 watch 했습니다. 이후 성별에 따른 데이터 조회 필터링과 입력하는 것에 대한 조회, 체크박스를 이용한 데이터 삭제 등의 작업을 진행하여 간단한 테이블 형태로 렌더링하고 이후 데이터를 생성하는 폼을 반응형으로도 구현했습니다. html 파일이 2개밖에 안되지만 정말로 알차고 여러 개념들이 복합적으로 모두 나온 정말 실전 연습이었습니다. 막상 안다고 생각했지만 이렇게 실제로 활용을 해보려니깐 쉽지 않.. 2022. 2. 15. [개발자의 품격 (야간) 부트캠프 1기] - 열두 번째 미팅 2022년 2월 10일 개발자의 품격 (야간) 부트캠프 열두 번째 미팅에 참여했습니다. 오늘은 바닐라 JS 고급 문법 나머지 부분인 에러 처리, 엄격 모드, 정규식에 대해 알아봤습니다. 특히 정규식 처리하는 부분이 상당히 중요한데 간단한 이메일이나 핸드폰 번호 예제로 살펴봤습니다. 이후 DOM에 대해서 학습하면서 끝났습니다. 실무 관련 여러 이야기와 예제를 즉석으로 들어주시면서 설명해주셔서 정말 감사했습니다. 개인적으로 DB 관련된 서버 지식도 질문 드렸는데 궁금한 점이 해소되어 좋았습니다. 다음 수업도 기대됩니다. 벌써 바닐라 JS 수업이 세 번밖에 안남은 것이 너무 아쉽습니다. 하지만 이후 Vue, Node, DB 등도 너무 재밌을 것 같습니다! [Reference] 개발자의 품격 부트캠프 1기 - .. 2022. 2. 10. [개발자의 품격 (야간) 부트캠프 1기] - 열한 번째 미팅 2022년 2월 8일 개발자의 품격 (야간) 부트캠프 열한 번째 미팅에 참여했습니다. Vanilla JS의 고급 문법으로 Object Literal, Spread Operator, Object/Array destructuring, 웹의 혁신인 비동기 통신 관련 XMLHttpRequest, fetch, async/await 에 대해 학습했습니다. 이후 ES6 module과 class 문법을 알아보면서 수업을 마쳤습니다. 오늘은 Vanilla JS를 활용하여 아주 중요한 서버와의 통신 실습을 했습니다. 그러기 위해서는 서버가 필요한데, json-server라는 npm 모듈을 활용하여 간단한 CRUD 실습을 진행했습니다. 개인적으로 학습을 해도 다시 내용을 보면 새롭고 알게 되는 것이 많습니다. 묵묵히 더 열.. 2022. 2. 9. [개발자의 품격 (야간) 부트캠프 1기] - 열 번째 미팅 2022년 1월 27일 개발자의 품격 (야간) 부트캠프 열 번째 미팅에 참여했습니다. ES6에서 추가된 Set과 Map 객체에 대해 학습했습니다. Set 자료구조는 배열처럼 데이터의 집합인데 순서가 보장되지 않고 유일한 값만 보장합니다. 따라서 배열 같은 객체를 Set 객체로 바꿔서 원하는 요소가 들어있는지 Set의 has 메서드를 이용하여 쉽게 파악할 수 있습니다. 여기서 Array.prototype.includes 메서드를 사용하면 되지 않을까 하는 생각이 있었지만 사실 includes 메서드는 내부에서 for-loop을 모두 돌면서 확인을 하기에 데이터가 무수히 많을 때는 성능 부분에 많이 안좋습니다. 따라서 Set 자료구조로 변환하여 has 메서드를 사용하는 것이 더 좋습니다. 이후 Math 객체.. 2022. 1. 27. 이전 1 ··· 6 7 8 9 10 11 12 다음 반응형