Git Product home page Git Product logo

jj_camp_fundamental's Introduction

Fast Campus

JJ CAMP Fundamental

JavaScript & jQuery 첫걸음 캠프 🔗

코스 목표

전략적으로 자바스크립트를 때려눕혀보자. 10주 동안. ✨

확실한 워밍업과 실습 🌛

모든 프로그래밍에서 요구되는 기초 개념을 하나씩 이해한 뒤, 자바스크립트란 도대체 무엇이며 어떻게 동작하는 것인지 정확히 이해하자.

  • HTML 문서를 제어하는 자바스크립트의 기본 작동 원리 학습
  • 대상선택 – 특정 시점 – 기능 수행의 패턴 익히기
  • 작동 과정 이해 후, 자바스크립트 기초 문법 공부 시작

변수, 데이터 유형 등 🌛

자바스크립트는 다양한 데이터 유형을 다룰 수 있고, 이를 편리하게 사용하기 위해 변수를 활용할 수도 있다. 변수 사용시 유의해야 할 점, 변수로 담을 수 있는 데이터 유형 등을 알아보자.

  • 자바스크립트에서 활용할 수 있는 다양한 데이터 유형
  • 데이터를 기억해서 유용하게 쓸수 있게 해주는 변수
  • 변수는 도대체 어떤 상황에서 활용해야 하는가?
  • 네이밍 등 변수 사용시 주의해야 할 점
  • 변수에 담긴 데이터의 유형 확인해보기

함수만 온통 파헤쳐보기 🌛

함수란 도대체 무엇이며, 어떤 때에 활용해야하는지 알아본다.

  • 함수란 무엇이며, 어떻게 생겼는가?
  • 함수가 필요한 순간들, 그리고 활용하는 방법
  • 함수를 호출해서 기능성 확장하기

연산자, 조건문, 반복문 등 🌛

자바스크립트와 어느정도 친해졌고, 프로그래밍의 기초 개념도 일부 이해했으니 조금 더 심화된 내용을 다뤄본다.

  • 연산자의 다양한 활용
  • 조건에 따라 코드가 다르게 실행되도록 만드는 조건문 작성하기
  • 반복작업을 획기적으로 줄여주는 반복문 활용하기

객체, jQuery 🌛

자바스크립트에서 빼놓을 수 없는 객체라는 개념을 익히고, 실무에서 자주 활용되는 jQuery 라이브러리를 배운다. 또한 추가적으로 자바스크립트 관련 유용한 프레임워크, 예컨대 Node.js / Angular.js / React.js 등을 알아본다.

  • 생성자와 객체, 그리고 프로토타입
  • 가장 유명한 자바스크립트 라이브러리, jQuery
  • 기타 자바스크립트 관련 유용한 프레임워크 소개

레퍼런스 📚

jj_camp_fundamental's People

Contributors

sonofdevil avatar yamoo9 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

jj_camp_fundamental's Issues

교재 선별 부탁드립니다.

평일에 수업을 들을 수 있는 여건이 되지 않아 주말반을 듣고있습니다.
전에 한번 파트타임 강좌로도 스쿨 커리큘럼과 비슷하게 들을 수 있는지 여쭤봤던 수강생입니다.
파트타임 강좌도 주말만 있는것이 아닌 평일 저녁이 끼여있는 강좌가 많이 있는것을 확인했습니다.
사정상 평일 수업이 어려운 관계로 교재로라도 추후 다양한 공부를 더 진행 하고싶습니다.
4주차 수업때 강사님이 디자이너를 위한OOO등 얼마가지 못할 기술로 책 제목을 지어서 공부하게끔
만드는 책은 보지 않는 것이 좋다고 하셨는데 제가 아직 그런것을 선별할 안목을 가지고 있지 않습니다.
가능하시다면 자바스크립트와 좀 더 실전에서 응용할 수 있는 마크업 관련 교재추천 부탁드립니다.

뮤직플레이어요

풀소스 공개인가요?
회전안되는거 확인 부탁드립니다. 혹시 Pause도 구현 가능하겠죠?
꼭 분석하고 이해해서 리펙토링 해보고 싶어요

그리고 ajax도 꼭해주시고 부하좀 많이 걸어주세요ㅎ
기본문법은 혼자서도 할수있으니까요
필요하면 예습이나 숙제도 내주시고..

맥 추천 좀 부탁합니다.

쓰시는 맥 모델은 뭔가요?

그리고 지금 맥 산다면 모델 추천 좀 부탁합니다.

노트북 거치대 링크나 검색어 좀 부탁합니다.

cover 파일

cover 파일명을 가져와서 미리 배열에 넣어주고 사용했는데
폴더에 cover파일이 5개든 10개든 동적으로 폴더내의 파일명을 가져올 수는 없나요?

그리고 복습하지말고 플레이어 마저 다 해주시면 안되요? ㄷ

토글버튼후 페이지이동시 유지

메인페이지에서 토글버튼으로 memo를 끈다음
다른 페이지로 이동 했다가 다시 메인페이지로 오면
var memo_is_visible = true;
로 초기화 되므로
무조건 memo가 보여지게 됩니다.

질문:
memo를 끈다음 다른페이지로 이동하고 돌아오면 그 상태가 계속 유지되게 하고싶으면
어떻게 할수있나요?

감사합니다.

연산자

연산자로 값을 연산, 평가 한다고 하셨는데
평가는 어떤걸 말하나요?

groupCollapsed / groupEnd 는 뭔가요?

console.groupCollapsed('간단한` if 구문 연습');
if ( count === 10 ) {
   console.log("count is ten.");
} else {
   console.log("count isn't ten.");
}
console.groupEnd('간단한 if 구문 연습');

변수 참조 질문입니다.

members = ['a','b','c']

team = members;

이렇게 하면 참조라고 하셨는데

members = ['d']
이렇게 하면

team

['a','b','c']
안바뀝니다.

장치 UI

어떤 장치의 UI를 자바스크립트(웹)으로 만들기도 하나요?
키오스크나 버스안내판 이나 어떤 장치의 모니터링&제어 UI 같은거요..

예를들어 라즈베리파이(리눅스)에 온도센서, LED가 연결되있을때 그걸 컨트롤하고
반대로 현재온도를 자바스크립트가 받아서 표시 해주는게 가능한지.. 보통 웹서버라면 request가 오면 클라이언트에 reponse를 주는건데.. 현재온도값을 받아서 표시해줄려면 어떻게 구현해야 할까요

setAttribute

list.setAttribute('style', 'display: none');

이것과

list.style.display='none'

둘다 dom api 인가요?
그리고 저둘은 차이 없죠?

p.s 수업때 말씀드린 innerText와 textContent 차이 부탁합니다.

가운데 위치시키기

어떤 인트로페이지에 회사로고를 항상 정가운데(브라우저 크기를 움직여도) 위치시키고 싶은데요
단순 가로정렬은 <center>로고</center>로 하면 되는데 세로로 가운데 정렬시키는건
단순마크업이 없고 코드도 제각각이고 작동되고안되고 차이도 많은거 같아요 (제가 잘못알수도)
혹시 가로,세로 정가운데 위치시키는 좋은 코드나 방법이 있을까요?

속성 visibility

function toggleMemoControl(){
if ( memo_is_visible ) {
memo.style.opacity = 0;
} else {

위코드를

function toggleMemoControl(){
if ( memo_is_visible ) {
memo.style.visibility = hidden;
} else {

이렇게 하니까 작동안하는데요 왜그런가요?

야무쌤 안녕하세요! 수강생 전태헌입니다.

안녕하세요!
프론트엔드 수업부터 이번 jj camp까지 수업 듣고 있는 수강생 전태헌 이라고 합니다.
다름이 아니고 저번에 선생님께서 여쭤보신 남은 수업 진도에 대한 생각에 대해 말씀드리고 싶어 남깁니다.
제 생각으로는 남아있는 수업은 지금 배웠던 기본적인 것들을 응용하고 직접 쳐보는게
의미가 있을 것 같다는 생각입니다.
저 같은경우는 개발자가 아니다보니 더 진도를 나가서 배우기 보다는 현재 배운것들을
어떻게 더 잘 쓸 수 있을지 직접 쳐보고 코드에 좀 더 익숙해지는 게 좋을 것 같다는 생각이 듭니다.
제 의견이고 다른 수강생들의 의견을 수렴해서 수업 진행해주셨으면 좋겠습니다.
항상 열정적이고 세세하게 알려주셔서 감사합니다.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.