부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
Self-coding
부트스트랩5 (Bootstrap5)의 클래스, 컴포넌트 등 개념을 이해하고 이를 바탕으로 응용, 변형하고 실습으로 3개의 프로젝트를 제작해봅니다.
초급
Bootstrap, HTML/CSS, JavaScript
제임스코딩 풀스택 개발 입문 5주 완성
제임스코딩 과정은 풀스택 심화 커리큘럼 시작 전, 웹 개발의 기본기를 함양할 수 있는 풀스택 개발 입문 과정입니다. 여러분은 제임스코딩 풀스택 개발 입문 5주 완성을 통해 프로그래밍과 자바스크립트의 기초를 탄탄하게 다질 수 있습니다.
.png)
입문자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.
이런 걸 배울 수 있어요
웹 개발의 기초가 되는 HTML, CSS, JavaScript 학습
JavaScript 최신 문법 및 핵심 개념 학습
다양한 실습, 과제를 통한 실전 감각 향상
DOM을 이용한 본인만의 웹 애플리케이션 제작
코딩테스트를 통한 알고리즘 능력 향상
기초가 탄탄한 개발자로 성장하고 싶다면!
제임스코딩 풀스택 개발 입문 5주 완성
이런 내용을 배웁니다.
MP3 플레이어를 HTML/CSS만으로 제작하고, 자바스크립트(JavaScript)를 활용해 이 웹을 더욱 완성도 있게 제작하는 실무적합형 프로젝트로 웹 개발의 기초를 다집니다. 5주 동안 각종 강의와 과제를 통해 자바스크립트 기본기를 완성하고, 웹 페이지를 제작하는 기본 틀을 체득 및 확립합니다.
코딩테스트를 활용한 알고리즘 능력 향상 🔥
제임스코딩이 직접 제작한 코딩테스트 문제들과 함께합니다. ✍🏻
- 변수와 함수 그리고 자료형 코딩테스트 (8문제)
- 01. 변수 선언(declaration), 02. 할당(assignment), 03. 표현식(expression),
- 04. 함수(function), 05. 함수 정의(function definition), 06. 함수 호출(call function),
- 07. 템플릿 리터럴(template literal), 08. 연산은 같은 타입으로
- 조건문 코딩테스트 (16문제)
- 01. isAdult, 02. equalsZero, 03. isBiggerThan, 04.isOddNumber,
- 05.isEvenAndAdult, 06. simpleCalculator, 07. fizzBuzz,
- 08. simpleDaysInMonth, 09. leftPerson, 10. oddEvenBiggerThan,
- 11. makeGrade, 12. before15minutes, 13. isTriangle,
- 14. isTruthy, 15. andOperator, 16. orOperator
- 문자열 코딩테스트 (16문제)
- 01. makeFullName, 02. ageVerification, 03. lengthOfWord,
- 04. averageLengthOfTheWords, 05. averageLengthOfTheWords2,
- 06. shortestString, 07. isEvenLength, 08. validation,
- 09. cutString1, 10. cutString2, 11. compareAlphabet, 12. compareNumbers,
- 13. compareNumbers2, 14. makeTimeString,
- 15. compareNumbers3, 16. unconnectedTime
- 반복문 코딩테스트 (18문제)
- 01. findZero, 02. multiply, 03. factorial, 04. sumMtoN, 05. power, 06. echoString,
- 07. numberString, 08. multipleString, 09. maxNumber, 10. factorString, 11. findSubString
- 12. isPrime, 13. primeString, 14. numberStringExceptArgs, 15. findRemain,
- 16. makeTriangle, 17. makeTriangle2, 18. makeRhombus
- 배열 코딩테스트 (20문제)
- 01. checkType, 02. getFirstElement, 03. getLastElement, 04. specificElement,
- 05. addFirstElement, 06. addLastElement, 07. deleteFirstElement,
- 08. deleteLastElement, 09. doubleArray, 10. splitString, 11. splitCharacter,
- 12. addComma, 13. longestString, 14. multipleFilter,
- 15. cutArray1, 16. cutArray2, 17. cutArray3, 18. mergeArray,
- 19. getStringFromDoubleArray, 20. fibonacci
- 객체 코딩테스트 (19문제)
- 01. getValueByKey, 02. addKeyValuePair, 03. deleteProperty,
- 04. objKeyArray, 05. objEntryArray, 06. objAssign, 07. deleteFalsyProperty,
- 08. deleteEvenProperty, 09. deletePrimitiveProperty, 10. findAdult,
- 11. isProperty, 12. accumulateProperty, 13. theNumberOfKeys,
- 14. objectStringArray, 15. relativePropertyArray, 16. inheritance,
- 17. propertyFilter, 18. countCharacter, 19. frequentCharacter
- 고차함수 코딩테스트 (20문제)
- 01. functionReturningFunction, 02. functionInputtedFunction,
- 03. applyNTimes, 04. compositeFunction1, 05. compositeFunction2,
- 06. compositeFunction3, 07. conditionalCallback, 08. evenFilter,
- 09. lessThan100Filter, 10. deleteElement, 11. getDoubleArray,
- 12. getFullNameArray, 13. getAdultMembers, 14. getArraySum,
- 15. getArrayMul, 16. getAverage, 17. entriesToObject,
- 18. ascendingSort, 19. descendingSort, 20. sortByGrade
- 스택/큐 코딩테스트 (5문제)
- 01. numberOfWalls, 02. bracket, 03. historyStack,
- 04. josephusProblem, 05. crossingBridge
- 재귀 코딩테스트 (18문제)
- 01. factorial, 02. sumMToN, 03. remain, 04. fibonacci,
- 05. sumArray, 06. cutArrayHead, 07. cutArrayTail,
- 08. reverseArray, 09. findString, 10. matryoshka,
- 11. flatArray, 12. maxNumber, 13. sequenceSumArray,
- 14. hanoi, 15. makeSubSet, 16. duplicatePermutation,
- 17. permutation, 18. combination
제임스코딩 풀스택 개발 기초 강화 프로그램입니다. 👨🏻🎓
코딩학습 커리큘럼. 어떻게, 무엇으로 공부해야 ‘완주’할 수 있을까요?
우리는 여러분이 코딩을 배울 때 직면하는 어려움을 이해합니다.
너무 빠른 진도, 갑자기 급격하게 어려워지는 내용, 정리되지 않은 채로 넘어가버리는 진도.
이렇게 서서히 어려움이 쌓여 한 순간 손을 놓고 포기하게 되어버리죠.
제임스코딩 풀스택 입문 과정은 ‘기초완성’ 그리고 ‘완주’에 집중합니다.
온라인 환경에서 제대로 ‘완주’해 보세요.
비전공자도, 노베이스 입문자도, 코딩을 제대로 배우고 공부해보고 싶은 사람이라면 누구든 환영합니다. 🙌
5주간의 일정 진행 후 실제 수강생 상세 피드백 (이상원님)
아침부터 시작하여 6시까지 오늘의 일정을 확인하고 계획을 세울 수 있었던 것은 매우 효과적이었습니다. 일정을 확인하고 목표를 설정하여 일정을 상기시킴으로써 오늘 해야 할 일들을 명확하게 정리할 수 있었고, 이를 통해 하루 동안 시간을 효율적으로 관리할 수 있었습니다.
또한, 매일 목표를 설정하는 습관은 자기관리와 성취감을 증진시키는 데 큰 도움이 되었습니다. 목표를 설정하고 이를 달성하기 위해 노력하는 과정에서 포기하지 않고 계속해서 노력하게 되었습니다. 일일 일정을 확인하고 목표를 상기면서 자신의 현재 위치를 알아갈 수 있었으며 이를 통해 어떤 부분에서 더 공부를 해야 할지, 어떤 부분을 보완해야 하는지를 파악할 수 있었습니다.
또한, 마무리 일지를 작성하는 것은 나의 학습 진행을 파악하고 목표를 얼마나 이루었나를 기록하는 좋은 방법이었습니다. 일일 일지를 작성하면서 내가 얼마나 과제를 달성했는지, 과제를 하면서 어려움을 극복하고 발전한 점이 있는지를 알 수 있습니다. 이를 통해 다음 날 더욱 노력하게 동기부여를 얻을 수 있었습니다. 포기하지 않고 지속적으로 노력하며 성장해나가는 자신을 확인할 수 있습니다.
이러한 일정 확인, 목표 설정, 마무리 일지 작성의 습관은 단순히 하루를 관리하는 것을 넘어서 더 큰 성공을 이루는 데에 도움을 줄 것입니다. 일상에서 시간을 효율적으로 활용하고 목표를 달성하기 위한 계획을 세우는 것은 성공적인 삶을 이끌어나가는 핵심 원칙입니다. 지속적으로 일정을 확인하고 목표를 상기시키며, 마무리 일지를 작성하는 습관을 유지해보세요. 이를 통해 더욱 효과적인 시간 관리와 성취감을 경험할 수 있을 것입니다.
각 섹션마다 제공하는 TDD를 활용한 코드 과제 📌📈
TDD는 Test-Driven Development의 약자로 개발 방법론 중 하나입니다.
TDD에서는 기능을 구현하는 코드와 해당 기능의 정확성을 검증하는 테스트 코드를 분리하여 작성합니다.
코드 작성 후 모든 코드에 대해 테스트를 수행하여 제품이 오류없이 정상 작동하는지 확인하는 것입니다.
이를 통해 테스트가 실패하면, 최소한의 코드 수정으로 테스트를 통과할 수 있도록 합니다.
마지막으로 성공한 코드를 리팩토링하는 과정을 진행합니다.
TDD를 활용한 코드 과제 실 예시 📚📊
제임스코딩 풀스택 개발 입문 5주 완성 커리큘럼 📚
1주차 HTML 기초와 심화
- HTML 이 무엇인지 이해하고 설명할 수 있다.
- HTML에서 자주 쓰이는 문법과 요소를 활용할 수 있다.
- HTML 구조화 설계를 할 수 있다
- 시맨틱 태그를 이해하고 활용할 수 있다.
- ‘Form’을 이용하여 간단한 로그인 페이지를 만들 수 있다.
CSS
- CSS가 무엇인지 이해하고 설명할 수 있다.
- CSS 기본 스타일을 꾸밀 수 있다.
- CSS의 박스모델를 설명할 수 있고, 이를 활용하여 레이아웃을 구성할 수 있다.
- CSS 의사요소가 무엇인지 이해하고 설명할 수 있다.
- CSS Transition 과 Animation 이 무엇인지 설명할 수 있고, 실습에서 활용할 수 있다.
Javascript 기초
- Javascript 가 무엇인지 이해하고 설명할 수 있다.
- 변수의 개념에 대해 설명할 수 있다.
- 변수명 작성 규칙을 이해하고, 변수의 이름을 생성할 수 있다.
- 타입이 무엇인지 이해하고, 활용할 수 있다.
- Javascript 의 선언방식, 반환값, 호이스팅(hoisting)을 이해한다.
- Javascript 기초 문법인 변수, 타입, 함수를 활용할 수 있다.
2주차 Javascript 조건문
- Javascript 기초 문법인 조건문을 이해하고 활용할 수 있다.
- 조건문의 종류를 구분할 수 있다.
Javascript 문자열
- 문자열이 무엇인지 이해하고 설명할 수 있다.
- 문자열 기초 문법을 이해하고 활용할 수 있다.
- 간단한 문자열 조작(parsing)을 할 수 있다.
Javascript 반복문
- Javascript 기초 문법인 반복문을 이해하고 활용할 수 있다.
- 반복문의 종류를 구분하고 상황에 맞게 활용할 수 있다.
Javascript 객체와 배열
- 배열과 객체를 이해하고 활용할 수 있다.
- 배열과 객체의 차이를 설명할 수 있다.
- 배열의 인덱스를 설명할 수 있다.
- 객체의 key, value 를 설명할 수 있다.
CLI, Node.js, NPM, NVM, Git
- CLI와 GUI 의 차이점을 설명할 수 있다.
- CLI 명령어를 활용하고, 관리자 권한을 상황에 맞게 활용할 수 있다.
- OS에 맞춰 필요한 환경세팅을 진행할 수 있다.
- Node.js와 NPM, NVM 이 무엇인지 이해하고 설명할 수 있다.
- 패키지가 무엇인지 이해할 수 있다,
- NPM을 이용해 패키지를 설치하고 사용할 수 있다.
- Git 설치와 환경설정을 하고, workflow를 이해할 수 있다.
- GitHub 계정을 연동하여 Git 을 사용할 수 있다.
3주차 Javascript 핵심개념과 ES6 문법
- Javascript 의 원시자료형과 참조 자료형을 이해하고 설명할 수 있다.
- Javascript의 데이터 저장방식을 설명할 수 있다.
- 구조분해할당과 전개구문, 나머지 매개변수를 이해하고 활용할 수 있다.
- ES6 문법을 이해하고 활용할 수 있다.
Javascript 스코프
- 스코프가 무엇인지 이해하고 설명할 수 있다.
- 전역 스코프와 지역 스코프의 차이점을 설명할 수 있다.
- 블록 스코프와 함수 스코프의 차이점을 설명할 수 있다.
- 전역 변수와 지역 변수를 차이점을 설명할 수 있다.
- 스코프 체인이 무엇인지 이해하고 설명할 수 있다.
- 렉시컬 스코프가 무엇인지 이해하고 설명할 수 있다.
Javascript 실행 컨텍스트와 스택
- 전역 실행 컨텍스트가 무엇인지 이해하고 설명할 수 있다.
- 함수 실행 컨텍스트가 무엇인지 이해하고 설명할 수 있다.
- 스택이 무엇인지 이해하고 스택의 원리를 설명할 수 있다.
Javascript 클로저
- 클로저가 무엇인지 이해하고 클로저의 원리를 설명할 수 있다.
4주차 Javascript DOM
- DOM 의 개념을 이해하고 구조 형태를 설명할 수 있다.
- DOM 요소를 활용하여 HTML 을 조작할 수 있다.
- DOM 요소의 CRUD를 이해하고 활용할 수 있다.
- DOM 유효성 검사를 진행할 수 있다.
Javascript Class
- 절차 지향과 객체 지향 프로그래밍의 개념을 설명할 수 있다.
- 클래스의 기본 구조를 이해하고 선언할 수 있다.
- 클래스와 일반함수를 구분하는 방법을 이해하고 설명할 수 있다.
- constructor 함수의 역할을 이해하고 클래스에서 속성과 메서드를 정의할 수 있다.
- 프로토 타입의 개념과 특성을 이해하고, 개발자 도구를 활용하여 직접 확인할 수 있다.
- 프로토 타입 체인이 무엇인지 이해하고 설명할 수 있다.
- 내장 객체를 이해하고, 관련 속성과 메서드를 설명할 수 있다.
MP3 Music Web Player 구현하기
- HTML, CSS, Javascript를 이용하여 나만의 뮤직 웹 플레이어를 구현할 수 있다.
- 기능 보완 및 개선을 진행하고 개발 로그를 작성할 수 있다.
5주차 고차함수
- 고차함수를 이해하고 설명할 수 있다.
- 내장 고차함수 map을 활용할 수 있다.
- 내장 고차함수 filter를 활용할 수 있다.
- 내장 고차함수 reduce를 활용할 수 있다.
- 내장 고차함수 sort를 활용할 수 있다.
- 다양한 내장 고차함수를 이용할 수 있다.
- this, call, apply, bind를 이용할 수 있다
단계 별 자체 점검 테스트, 코딩테스트 📝
주차 별 개발 관련 자체 제작 아티클 제공 ✍🏻
코딩테스트를 활용한 알고리즘 능력 향상 🔥
제임스코딩이 직접 제작한 코딩테스트 문제들과 함께합니다. ✍🏻
- 변수와 함수 그리고 자료형 코딩테스트 (8문제)
- 01. 변수 선언(declaration), 02. 할당(assignment), 03. 표현식(expression),
- 04. 함수(function), 05. 함수 정의(function definition), 06. 함수 호출(call function),
- 07. 템플릿 리터럴(template literal), 08. 연산은 같은 타입으로
- 조건문 코딩테스트 (16문제)
- 01. isAdult, 02. equalsZero, 03. isBiggerThan, 04.isOddNumber,
- 05.isEvenAndAdult, 06. simpleCalculator, 07. fizzBuzz,
- 08. simpleDaysInMonth, 09. leftPerson, 10. oddEvenBiggerThan,
- 11. makeGrade, 12. before15minutes, 13. isTriangle,
- 14. isTruthy, 15. andOperator, 16. orOperator
- 문자열 코딩테스트 (16문제)
- 01. makeFullName, 02. ageVerification, 03. lengthOfWord,
- 04. averageLengthOfTheWords, 05. averageLengthOfTheWords2,
- 06. shortestString, 07. isEvenLength, 08. validation,
- 09. cutString1, 10. cutString2, 11. compareAlphabet, 12. compareNumbers,
- 13. compareNumbers2, 14. makeTimeString,
- 15. compareNumbers3, 16. unconnectedTime
- 반복문 코딩테스트 (18문제)
- 01. findZero, 02. multiply, 03. factorial, 04. sumMtoN, 05. power, 06. echoString,
- 07. numberString, 08. multipleString, 09. maxNumber, 10. factorString, 11. findSubString
- 12. isPrime, 13. primeString, 14. numberStringExceptArgs, 15. findRemain,
- 16. makeTriangle, 17. makeTriangle2, 18. makeRhombus
- 배열 코딩테스트 (20문제)
- 01. checkType, 02. getFirstElement, 03. getLastElement, 04. specificElement,
- 05. addFirstElement, 06. addLastElement, 07. deleteFirstElement,
- 08. deleteLastElement, 09. doubleArray, 10. splitString, 11. splitCharacter,
- 12. addComma, 13. longestString, 14. multipleFilter,
- 15. cutArray1, 16. cutArray2, 17. cutArray3, 18. mergeArray,
- 19. getStringFromDoubleArray, 20. fibonacci
- 객체 코딩테스트 (19문제)
- 01. getValueByKey, 02. addKeyValuePair, 03. deleteProperty,
- 04. objKeyArray, 05. objEntryArray, 06. objAssign, 07. deleteFalsyProperty,
- 08. deleteEvenProperty, 09. deletePrimitiveProperty, 10. findAdult,
- 11. isProperty, 12. accumulateProperty, 13. theNumberOfKeys,
- 14. objectStringArray, 15. relativePropertyArray, 16. inheritance,
- 17. propertyFilter, 18. countCharacter, 19. frequentCharacter
- 고차함수 코딩테스트 (20문제)
- 01. functionReturningFunction, 02. functionInputtedFunction,
- 03. applyNTimes, 04. compositeFunction1, 05. compositeFunction2,
- 06. compositeFunction3, 07. conditionalCallback, 08. evenFilter,
- 09. lessThan100Filter, 10. deleteElement, 11. getDoubleArray,
- 12. getFullNameArray, 13. getAdultMembers, 14. getArraySum,
- 15. getArrayMul, 16. getAverage, 17. entriesToObject,
- 18. ascendingSort, 19. descendingSort, 20. sortByGrade
- 스택/큐 코딩테스트 (5문제)
- 01. numberOfWalls, 02. bracket, 03. historyStack,
- 04. josephusProblem, 05. crossingBridge
- 재귀 코딩테스트 (18문제)
- 01. factorial, 02. sumMToN, 03. remain, 04. fibonacci,
- 05. sumArray, 06. cutArrayHead, 07. cutArrayTail,
- 08. reverseArray, 09. findString, 10. matryoshka,
- 11. flatArray, 12. maxNumber, 13. sequenceSumArray,
- 14. hanoi, 15. makeSubSet, 16. duplicatePermutation,
- 17. permutation, 18. combination
코딩은 기초가 탄탄해야 완주할 수 있습니다.
기초부터 충실하게, 입문과정에도 정성을 기울이는 제임스코딩을 만나보세요.
이런 고민이 있다면?
정답은 제임스코딩!
😰 |
😲 |
😓 |
🤔 |
| 독학이 힘들고 두려움이 있어요 |
비전공자, 노베이스 입문자예요 |
체계적인 일정이 필요해요 | 질의응답이 필요해요 |
자주 묻는 질문 Q&A 💬
Q. 아무런 지식 없이 수강해도 될까요?
네, 가능합니다.
프로그래밍 언어가 낯설거나 개발에 대한 배경지식이 없어도 모르는 부분을 스스로 찾아보고 이해하기 위한 논리적 사고와 커뮤니케이션 능력을 키우고자 한다면 충분히 과정을 진행하고 수료할 수 있습니다.
Q. 자격 요건이 있나요?
신청 자격(나이, 전공, 학력 등)에 특정한 요건은 없습니다. 함께 몰입하며 문제를 해결하려는 열정과 지속적으로 성장하는 IT 개발자가 되기 위해 자기관리와 자기계발에 임하는 자세를 갖추신 분들이라면 언제든 환영합니다.
Q. 직장인이거나, 대학 재학 중인 상태로 병행할 수 있나요?
제임스코딩 풀스택 과정은 온라인 과정으로 직장이나 학교에 다니며 수강하실 수 있습니다.
수강 전 참고 사항 📢
원활한 교육 참여를 위해서 개인 노트북 또는 PC가 필수로 준비되어야 합니다.
이런 분들께
추천드려요!
학습 대상은
누구일까요?
비전공자, 노베이스 입문자예요
체계적인 일정이 필요해요
코딩테스트를 통한 알고리즘 능력 향상이 필요해요
다양한 실습, 과제를 통한 실전 감각 향상을 원해요
JavaScript 최신 문법 및 핵심 개념 학습을 하고싶어요
안녕하세요
제임스코딩입니다.
70
명
수강생
15
개
수강평
5.0
점
강의 평점
1
개
강의
강한 유대와 끝없는 동기 부여를 통해 성장을 추구하는 제임스코딩입니다.
제임스코딩은 현업 개발자 팀으로 구성되어 있으며 함께 플랫폼을 개발하며 강의를 제공하고 있습니다.
수강생분들의 꿈을 응원하고, 동료들과 상호 협력하는 교육 환경 시스템을 제공합니다.
정해진 일정동안 몰입하여 Front-End에서 Back-End까지 실무에 바로 투입될 수 있는 실력 있는 Full Stack 개발자 양성을 목표로 하고 있습니다.
커리큘럼
전체
159개 ∙ (7시간 35분)
해당 강의에서 제공:
수업자료
3. 웹 사이트란?
02:27
4. HTML이란?
02:57
5. CSS란?
02:08
6. JavaScript란?
02:03
7. Hello World
02:40
8. HTML Tag
03:35
9. Tag 탐험해보기
04:52
10. Tag Attributes
05:04
11. Tag Practice
05:15
12. HTML 구조
03:59
13. Head Tag
03:55
14. Form Tag
10:30
15. Input Tag와 ID
06:27
16. Semantic Tag
04:03
강의 게시일:
마지막 업데이트일:
수강평
전체
15개
5.0
15개의 수강평
조윤진수강평 1
∙
평균 평점 5.0
5
47% 수강 후 작성정말 추천하는 강의입니다. Html부터 CSS, Javascript까지 체계적인 교육과정을 통해 개념을 확실하게 이해할 수 있게 강의가 진행됩니다. 모르는 부분이 나왔을 때는 멘토 분들이 같이 고민해 주시고 바로 답을 주는 것이 아닌 이해할 수 있도록 옆에서 서포트해 주십니다. 강의의 수준은 매우 높습니다. 기초 강의를 몇 개 듣다가 갑자기 난이도가 어려워지는 부분이 있어 쉽게 포기했었는데, 프리 칼리지는 천천히 난도를 높여가면서 어려운 부분이 나오더라도 어떻게 하면 해결할 수 있는지 방법을 알려줍니다. 그저 개념만 공부하는 것이 아닌 퀴즈와 코딩 테스트를 통해 어떻게 적용하는지까지 배울 수 있습니다. 또한 마지막 프로젝트를 통해 협업에 대해서도 알게 됩니다. 이 강의를 들으면서 너무 많이 성장했고 코딩에 대해서 재미를 느끼게 되었습니다! 감사합니다!
- 이상원
수강평 2
∙
평균 평점 5.0
5
100% 수강 후 작성매우 만족스러운 경험이었습니다. 강의 커리큘럼은 체계적으로 구성되어 있었고, 강사님들은 전문적인 지식과 경험을 가지고 계셨습니다. 강의의 구성은 이론 강의와 실습 강의로 나뉘어져 있었습니다. 이론 강의에서는 Html, CSS, JavaScript의 기본 개념과 문법에 대해 자세히 설명해 주셨고, 실습 강의에서는 실제로 코드를 작성하면서 응용력을 향상시킬 수 있었습니다. 또한 코드 문제를 풀면서 스스로 생각하는 힘을 기를 수 있게 되었습니다. 웹 개발에 대한 기초 배울 수 있는 좋은 코스라고 생각하며 이 부트캠프를 추천드립니다. 감사합니다!
- 유예리
수강평 1
∙
평균 평점 5.0
5
81% 수강 후 작성학습 콘텐츠가 다양해서 좋았습니다. 강의로 들은 내용을 강의록으로 다시 한 번 확인하고, 익힌 내용을 바로 바로 테스트할 수 있게 코딩테스트와 실습과제가 준비되어 있어 좋았습니다. 또한 과제 난이도와 양이 적절했던 것 같습니다. 집중해서 했다면 시간 내에 딱 풀 수 있게 계획된 적절한 난이도와 양의 과제였다고 생각합니다. 아침부터 시작하여 6시까지 오늘의 일정을 확인하고 계획을 세울 수 있었던 것은 매우 효과적이었습니다. 일정을 확인하고 목표를 설정하여 일정을 상기시킴으로써 오늘 해야 할 일들을 명확하게 정리할 수 있었고, 이를 통해 하루 동안 시간을 효율적으로 관리할 수 있었습니다. 섹션마다 있는 과제는 섹션이 끝났을 때 잘 학습 하였는지 확인하고, 더 깊고 폭넓은 이해를 도와 주었던 것 같습니다. 학습을 해결하면서 얻은 재미와 자신감을 바탕으로 뒤의 내용들을 마무리 하는데에도 도움이 되었습니다. 당일에 블로그를 정리하다 보면 학습내용이 복습 되기도 했고, 일주일에 한 번씩 회고를 작성하다 보면 내면의 나와 대화하는 느낌이 들어 자아를 성찰하는 데에 큰 도움이 되었던 것 같습니다. 날마다 해야하는 것들이 확실하게 정해져 있어서 학습을 따라가기 편했습니다. 구글 캘린더를 이용해서 일정을 짜 본적은 처음인데, 굉장히 유용한 툴이라는것을 깨달았습니다. 또한 시간에 맞춰 상세하게 일정이 짜여 있어 체계적인 하루를 보내는데에 도움을 많이 얻었습니다. 유동적인 상황에 맞춰서 학습 환경을 변경해주셔서 너무 감사했습니다. 의지가 약한 편이여서 금방 놓아버리는 성격인데 같이 으쌰으쌰 해주시고 응원해주셔서 너무 힘이 났습니다! 계속 강의 만들어주세요! 감사합니다!
- 황동근
수강평 1
∙
평균 평점 5.0
- Ko렬
수강평 1
∙
평균 평점 5.0
5
29% 수강 후 작성HTML, CSS, Javascript 전반에 대한 기초부터 기본기까지 학습할 수 있는 과정이었습니다. 강의 외에 코딩 테스트와 실습 등 다양한 컨텐츠가 활용되어 강의로 배운 지식을 몇 차례에 걸쳐 익히고 보강할 수 있었습니다. 이를테면 자체 플랫폼의 코딩 테스트의 경우 reference code가 제공되어 내 코드에 대해 피드백 받을 수 있었으며 실습 프로젝트의 경우 이전까지 배운 내용을 전체적으로 한 번 더 복습 및 활용할 수 있었습니다. 또한 학습 내용 뿐만 아니라 학습이 잘 이루어지는지 운영진 차원에서 계속적으로 관리 해주고 있어 과정을 성실히 이수하는데 도움이 되었던 것도 좋았습니다. 그 중에서도 가장 마음에 들었던 부분은 학습 중 어려운 부분이 있어 질문을 올릴 때면 교육 엔지니어 분들이 거의 실시간으로 답해주신다는 것이었습니다. 거의 온라인으로 학습했지만 관리와 피드백으로 오프라인에서 학습하는 느낌을 받고 과정을 잘 완주할 수 있었습니다. 본 과정을 통해 아직 프론트엔드를 접하지 못한 사람이라도 단시간 내 관련 언어에 대한 기본기를 충분히 얻어 가실 수 있다고 생각합니다.
비슷한 강의
같은 분야의 다른 강의를 만나보세요!
![[ 부트스트랩 5 ] 빠르고 스마트하게 웹 사이트 만들기 | Bootsrap 입문용강의 썸네일](https://cdn.inflearn.com/public/courses/329739/cover/4ee6572e-bf73-43de-a07c-01ba2c067f4d/329739-eng.png?w=420)
![풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]강의 썸네일](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?w=420)
![제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]강의 썸네일](https://cdn.inflearn.com/public/files/courses/336946/cover/01jv48md3p02hgkwt4yh1svf3j?w=420)
![[2024]리베하얀의 HTML 기초 실무강의 썸네일](https://cdn.inflearn.com/public/courses/334082/cover/faaaa70e-cae8-4488-afb0-5a2d4e7c0905/334082.png?w=420)
![[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드강의 썸네일](https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?w=420)
