분류 전체보기
-
[TIL] 231025 TILTIL 2023. 10. 25. 15:04
오늘 할 일 Udemy JavaScript 강의를 듣고 있다. 꾸준히 보자. 블로그의 임시저장 글은 15개가 넘어가면 저장이 안되나..?? 게시는 안했지만 꾸준히 작성했던 글들이 전부 날아가 있어서 멘붕이 왔다. 하.................. 글 마무리 짓고 완성하여 게시하는 습관을 들이자. 자바스크립트 강의 듣기 Deep Dive 22장 this 훝어보기 오늘 한 일 & 더 봐야 할 키워드 자바스크립트의 개념 기초 근본에 충실하자 쓸수록 느끼는데 티스토리 마크다운 구리다.. 안되는 문법이 많아... 내가 잘 활용을 못하는거겠지 아마도..????
-
[TIL] 231019 TILTIL 2023. 10. 25. 14:42
내가 오늘 공부한 내용 Modern javascript Deep Dive 책을 매주 스터디 하고 있다. 그냥 애초에 5번이상은 돌려봐야겠다는 각오로 보는 중이다. 현재 16장까지 진행하였고 생각보다 내용이 많이 헷갈리고 부가적으로 챙겨서 공부 해야줘야 할 내용이 많음을 느꼈다. 내가 공부한 내용을 남기는 것이 중요하다는건 잘 인지하고 알고 있지만 공부는 하더라도 그걸 남긴다는게 쉽지않다. 그래도 해야지 뭐 어쩌겠어. 더 봐야 할 키워드 모던 자바스크립트 스코프 스코프란 식별자가 유효한 범위를 말한다. 렉시컬환경 네임스페이스란? 네임스페이스 패턴 (좀 더 딥하게 검색해서 확인해볼 것) 객체의 프로퍼티 끝내면 다시 확인하기 var, let, const의 차이 이부분은 최대한 딥하고 디테일하게 공부할수록 좋은..
-
[JavaScript] Deep Dive 01장 프로그래밍Modern JavaScript Deep Dive 2023. 9. 13. 18:51
Intro JavaScript의 개념공부의 필요성을 느껴 스터디를 만들었다. 교재는 모던 자바스크립트 Deep Dive로 정했으며 연말까지 완독하는 것을 목표로 한다. 스터디의 목적은 자바스크립트의 개념 정리와 기술면접 대비, 면접 연습. 자바스크립트에 대한 깊은 공부를 목표로 하고 있으며 지속적이고 목표지향적으로 달려가기위해 스터디원들과 매주 정해진 분량을 사전공부 후 서로 질문리스트를 작성하여 서로 답변 및 토론, 발표 등을 하는 것으로 채택하였다. Deep Dive를 기본으로 하되 추가 레퍼런스 등을 참고하여 이해한 내용을 바탕으로 공부하고 정리하고 싶어서 작성한다. 더불어 마크다운 또한 아직 낯설어서 연습이 필요하다. 익숙해지고 혼자서만 이해하고 볼 수 있는게 아니라 다른사람들이 봐도 이해할 수 ..
-
[JavaScript] Webpack, babel, Polyfill 이란?Frontend/JavaScript 2023. 8. 29. 20:02
Webpack, babel, Polyfill이란? Webpack, babel, Polyfill의 차이 Webpack이란? Webpack은 모듈을 번들시키는 역할을 한다. 번들러의 종류 1.Webpack 2.Broserify 3.Parcel이 중 Webpack은 가장 대중적으로 사용되는 모듈 번들러이다. Webpack은 의존관계에 있는 자바스크립트, css, 이미지 등의 리소스들을 하나(또는 여러개)의 파일로 번들링한다. 동시에 성능을 향상시키기 위해서 필요하다면 다시 분리도 가능하다. Webpack을 사용하면 의존 모듈이 하나의 파일로 번들링되므로 별도의 모듈 로더가 필요 없다. 그리고 여러개의 자바스크립트 파일을 하나로 번들링하므로 HTML파일에서 script 태그로 여러개의 자바스크립트 파일을 로드해..
-
[프로그래머스] 공배수알고리즘/프로그래머스 2023. 7. 10. 23:54
https://school.programmers.co.kr/learn/courses/30/lessons/181936 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr ✏️나의 풀이 아니 근데 진짜 쉬운 거라서 그다지 포스팅 할 생각이없었는데 다른사람풀이가 너무 기발해서 포스팅 갈긴다. 일단 나의 풀이 function solution(number, n, m) { a = number%n; b = number%m; let answer = a === 0 && b === 0 ? 1 : 0; return answer; } 정말 심플하게 풀었다. a,b의 나머지를 구해서..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 25일차 - 4주차 수요일.스나이퍼 팩토리 2023. 6. 30. 02:51
4주차 2번째 수업 날. 1번째 수업 때 진행했던 리액트 라우터에대해 간단하게 복습하고 과제로서 주어졌던 무비웹 만들기에 대한 리뷰를 하였다. 다른팀들이 만든 것 들을 보니 이미 배우지않은 것들을 활용하여 굉장히 잘 만들었다. 벌써 리덕스를 사용하여 상태관리를 하기도 하고.... 저기에 리덕스를 쓸게 있나싶긴한데 이미 저렇게 활용한다는 거에 대해 놀랍다. 스피너도 넣은 팀도 있고 다들 열의가 넘친다. 오프라인으로 할걸 그랬나.. 그리고 이날은 오후에 프로젝트 설명도 같이 있었던 날이다. Custom Hook 1. 여러컴포넌트에서 공통된 로직을 재사용하기 위해 만들어진 함수 2. 일반적으로 use 접두사를 사용하여 이름을 지정 3. 커스텀 훅은 로직을 추상화하고 컴포넌트로부터 분리하여 재사용성과 코드 가독..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 19일차 - 과제 제출스나이퍼 팩토리 2023. 6. 25. 22:47
저번 과제로 만들었던 바닐라 자바스크립트 모먼텀을 리액트로 바꿔서 다시 만들기과제이다. 솔직히 바닐라 자바스크립트때 제대로 해놨다면 의외로 금방 끝날거 같았는데 금방 안끝나서 의문이다...???!!!?!?!? 결과물 제출 https://github.com/chasura416/Udemy_x_SniperFactory/tree/master/react/react_momentum GitHub - chasura416/Udemy_x_SniperFactory Contribute to chasura416/Udemy_x_SniperFactory development by creating an account on GitHub. github.com 생각보다 까다롭다. html처럼 한방에 다 때려박는 방식이 아니고 React스..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 6일차 - Git&Github 강의 후기스나이퍼 팩토리 2023. 6. 24. 23:47
깃헙강의 리뷰 Git & Github란 - 유튜브강의 스나이퍼 팩토리 제공 오전시간에 Git & Github 유튜브강의 링크를 제공받아 공부하였다. 1강 Git이란 파일의 히스토리를 왜 관리해야 할까 Github란 왜 Github를 사용해야 할까 내컴퓨터가 망가진다면? 여러명과 소스코드를 공유해야 한다면? 2강 Repository(레포지토리, 저장소) Git으로 관리하는 프로젝트 폴더 3강 commit(커밋) Git이 코드의 변화를 기록하는 것. - 소스코드의 변경사항을 한 단위로 묶어 기록하는 것 - 쉽게 생각하면, 타임라인을 만드는 것 세 가지 상태 Working Directory : 수정했지만, 아직 commit 되지 않은 상태 Staging Area : 수정된 파일을 다음 commit에 포함할 것..