{"id":15130383,"url":"https://github.com/twilight92/learn-webpack","last_synced_at":"2026-01-18T20:33:05.783Z","repository":{"id":253118259,"uuid":"842514548","full_name":"twilight92/learn-webpack","owner":"twilight92","description":"[webpack] (완강) 캡틴판교의 프론트엔드 개발자를 위한 웹팩 학습내용 #인프런","archived":false,"fork":false,"pushed_at":"2024-08-25T10:08:12.000Z","size":300,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-11T17:56:18.595Z","etag":null,"topics":["nodejs","vanillajs","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/twilight92.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-14T14:03:59.000Z","updated_at":"2024-08-25T10:08:15.000Z","dependencies_parsed_at":"2024-08-14T15:59:38.910Z","dependency_job_id":"859cc1f9-b498-4816-ab50-b362941bf648","html_url":"https://github.com/twilight92/learn-webpack","commit_stats":null,"previous_names":["twilight92/learn-webpack"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twilight92%2Flearn-webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twilight92%2Flearn-webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twilight92%2Flearn-webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twilight92%2Flearn-webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/twilight92","download_url":"https://codeload.github.com/twilight92/learn-webpack/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247393540,"owners_count":20931809,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["nodejs","vanillajs","webpack"],"created_at":"2024-09-26T02:46:35.273Z","updated_at":"2026-01-18T20:33:05.778Z","avatar_url":"https://github.com/twilight92.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 프론트엔드 개발자를 위한 웹팩\n![image](https://github.com/user-attachments/assets/bd5316d6-06a5-4d7f-a55f-bdbe5113ced1)\n\u003cbr\u003e\n프론트엔드 빌드 시스템의 핵심 NPM과 Webpack 학습\n\u003cbr\u003e\u003cbr\u003e\n## Todo\n- [x] NPM(Node Package Manager)\n  - 초기화(init)\n  - 설치(install/uninstall)/지역설치, 전역설치\n  - dependencies와 devDependencies의 차이\n- [x] 웹팩\n  - 주요 속성\n    - entry\n    - output\n    - loader\n  - 웹팩 데브 서버\n  - mode 적용\n  - 설정 파일 적용\n  - 변환 전후 결과 비교\n  - 빌드 결과 파일 분석\n- [x] 바벨과 ES6 모듈 문법\n  - 문법/실습\n  - 빌드 결과물 분석(sourcemap)\n\u003cbr\u003e\n\n## What I Learned\n- Front-End\n- Webpack\n- NPM\n- 프론트엔드 빌드 시스템\n- ES6 Import와 Export 문법\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwilight92%2Flearn-webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftwilight92%2Flearn-webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwilight92%2Flearn-webpack/lists"}