자바스크립트, 제이쿼리를 공부하고싶습니다ㅠ > 자유게시판

자유게시판

자바스크립트, 제이쿼리를 공부하고싶습니다ㅠ 정보

자바스크립트, 제이쿼리를 공부하고싶습니다ㅠ

본문

안녕하세요 즐거운 저녁들 되고계셨으면 좋겠습니다.

예전에 공부하는법을 여쭤보러 온적이 있었는데.. 반년정도만이니 굉장히 오랜만이네요ㅎㅠ

 

저는 웹퍼블리셔를 목표로 독학으로 공부하고있고, 지금은 웹디자인 기능사 자격증을 따기위해 공부중입니다.

슬슬 html css는 기초는 할 줄 알게되었다는 느낌이에요. 특정 사이트를 보고 막 셋팅된 사이트에 html css 부분에 한해선 똑같이 만들수 있는 정도입니다.

 

2개월간 여러 책을 사서 공부하고 배운 결과 확 바뀐 실력에 뿌듯함을 느꼈는데.. 제이쿼리, 자바스크립트쪽이 영 늘질 않네요ㅠ 학원이라도 다녔으면 싶지만 상황도 그렇고 사는곳에 학원이 없습니다..

어느정도냐면 if else while for 등등.. 뜻은 아는데 특정 무언가를 구현해내기 위해 이것들을 어떤식으로 배치해야하는지를 모릅니다. 간단한 색변경, 스타일 추가 같은 한두줄짜리 코드는 만들줄 아는데 조금만 길면 어려워져요..

당장 슬라이드 만드는 법을 배워서 신입으로 취업도전이라도 하고싶은데 슬라이드를 만드는 코드도 워낙 많고 이해하기 어렵네요..

그래서 혹시 추천해주실만한.. 자바스크립트, 제이쿼리 관련 책이나 인강이 없을까요? html css관련으로 접해서 배웠던 분들께 여쭤봤지만 다들 인강이나 책은 잘 모르신다 하시더라구요ㅠ

또 요즘 제이쿼리는 많이들 안쓰는 분위기로 돌아간다는 글이 많이 보여서 자바스크립트 위주로 공부하고 있고 그러고 싶은데 슬라이드 만드는걸 보면 다 제이쿼리더라구요. 혹시 자바스크립트만으로 슬라이드를 구현하는게 어렵거나 불가능한가요?

 

혹시 아시는 좋은곳이 계시다면 추천 부탁드립니다 혼자하려니까.. 정보찾는게 너무 힘든것같아요ㅠㅠ..

추천
1

댓글 17개

https://www.udemy.com/
https://www.inflearn.com/
https://opentutorials.org/course/1
https://programmers.co.kr/learn

주로 이곳에서 동영상 강의를 듣고 있습니다.
자바스크립트 또는 제이쿼리를 검색 하셔서 참고 하시면 좋을듯 싶네요.

뭔가 좀 잘못 알고 계신듯.....
제이쿼리는 자바스크립트 사용을 조금더 쉽고 효율적이며 빠르고 편리하게 사용 할 수 있는 라이브러리 중의 하나 입니다.
제이쿼리를 공부하면 자바스크립트에 대해서도 아실수 있답니다.....^^
안녕하세요 영상 추천 정말 감사드립니다!! ㅠㅠ 저는 자바스크립트와 비슷하지만 좀 더 사용하기 편한게 제이쿼리 라고 알고있는데 타 사이트의 몇몇 글들이 점점 제이쿼리는 안쓰는 분위기가 되어간다 하여 그럼 처음부터 자바스크립트로 쓸 수 있도록 공부하는게 마음이 편하지않을까 해서 자바스크립트로 슬라이드는 구현이 힘들거나 거의 불가능한 수준인가 했던것입니다!  사이트 추천 정말 감사드립니다 하나하나 열심히 찾아보겠습니다ㅠㅠ!!
감사합니다 막힐때마다 머리속에서 학원다니면 편할텐데 하는 생각도 들고 그랬는데 이렇게 아는게 많으신 분께서도 독학을 하고계시다니 든든하기도 하고 힘낼 이유가 또 생기네요ㅠㅠ저희 모두 파이팅 입니다..!!
javascript 기반의 라이브러리가 제이 쿼리입니다
자바스크립트는 언어 그 자체이고요 jquery는 자바스크립트를 더 편하게 쓸수 있도록 만든 라이브러리입니다  그래서 자바스크립트는 필수로 알아야하는거고 jquery는 선택입니다
물론 jquery가 하도 많이 쓰여서 필수로 알아야하는  라이브러리가 됐지만 근간은 자바스크립트입니다
공부도 좋지만 실제로 의뢰받아서 한번 해보시면 실력이 확 늡니다.
대신 삽질에 밤셈좀 하셔야 겠지만요^^
jquery가 예전에 비해서 점점 사용하지 않는 추세로 가는 것은 맞지만, 그렇다고 영 쓰지 않는 것도 아닙니다.

태생이 중구난방으로 구현되어있는 브라우저의 자바스크립트 문법을 하나로 편리하게 묶어보자는 것이었는데, 이젠 브라우저 전쟁은 끝났다고 보여지거든요. 자바스크립트 문법도 정형화 되어졌구요.

그에 따라서 jquery도 브라우저 서포트를 변화시키거나 트랜드에 맞지 않는 매서드를 제외하는 등 2.0 3.0 slim 버전이 나오면서 현실에 맞춰서 변화하고 있습니다.

개인적으로는 물론 react나 vue 같은 프레임워크 라이브러리에 비하면 트랜드가 좀 뒤쳐저 보일지 모르지만 아직은 건재하다고 봅니다.

일단은 jquery를 통해서 자바스크립트의 문법에 쉽게 다가서 보는 것도 나쁘지 않은 방향이라고 생각합니다.

react는 예전에 같이 프로젝트 하던 분이 써서 같이 작업해 보았는데
영 융통성이 없더라구요
RESTFul 통신하는데 json 변수에 오타하나만 나도 전체 서버에 오류메시지만 덜렁...

자바스크립트 언어 특성과 예외처리를 안해서 그런거 같지만
원래 react가 그런건지
그분이 융통성이 없는건지 모르겠더라구요.. ㅎㅎ
그건 react만의 문제는 아니고 모든 SPA의 문제점이겠네요^^;

그래서 jslint랑 jest, mocha 같은 걸 도입해서 코딩하면서 검증을 하고 배포나가기 전에 검증 통과하면 나가는 방식을 쓰고 있습니다.
그럼 제이쿼리 자체가 아예 사라지진 않을수도 있는걸까요? 제이쿼리 코드가 자바스크립트 코드보다 보기 편하고 생각한 흐름대로 나오는거같아서 좋다곤 생각하지만 예를 들어서 css 변경이나 show, hide 같은것들은 제이쿼리로만 구현이 가능한것에 대해서 자바스크립트로 변환하려면 어떻게 고쳐야하는건지 같은 걱정이 많아서요 ㅠㅠ(show나 hide 같은건 display:none 같은 속성이 들어간 class를 적용시키면 될거같지만.. 좀더 복잡한것들이요ㅎㅎ) 말씀 감사합니다 공부할 시간이 많은건 아니라서 마음이 많이 급하네요..ㅎㅎ ㅠㅠ
일단 지금 배우신다고 하면. 다음과 같이 추천합니다.  Javascript, ES6 그리고 React, Vue, Angular중 하나 그리고 Typescript까지 공부하시면 됩니다. 
소모임 https://sir.kr/so_jsframework  추천드립니다.
헉 html css javascript 정도..만 사용해도 신입으로 도전해볼수있지 않을까 했는데 이렇게 많이 배워야하는거군요 ㅠ 그누보드에 많이 쓰이는 php도 좀 배워야 좋겠죠??ㅎㅎ ㅠ 링크 정말 감사합니다 공부해봐야겠어요!
jquery는 사라진다는 개념이 아닙니다. 다만 예전에 비해서 사용율이나 인기가 하향 추세라는 거죠.

자바스크립트(EcmaScript)가 하위 호환을 버리고 명세를 급격하게 변화시키지 않는 이상 유지될겁니다.
그럴 가능성은 없어보이네요. ^^;

"겸손한 자바스크립트" 에 대해서도 검색해보세요.
굳이 HTML이나 CSS로 처리가 가능한 부분을 자바스크립트를 동원할 필요가 없습니다.
간단히 보이고 감추고는 CSS로도 충분히 해결 가능할 수 있어요.
애니메이션 처리도 CSS 만으로도 가능합니다.

그리고 슬라이더 같은 것은 직접 구현하는 것보다 라이브러리를 가져다가 쓰는게 정신건강에 좋습니다.
https://owlcarousel2.github.io/OwlCarousel2/
그렇군요 정말 감사합니다 그럼 제이쿼리가 사라질까 걱정할필요까진 없겠네요..!

앗 제가 독학으로 기초부분이 끝나면 지금 있는 포트폴리오를 다듬어서 에이전시에 신입으로 입사지원을 할 생각인데, 당장 슬라이드를 직접 구현하지 못해도 괜찮을까요??
학원을 못다니다보니 대부분의 퍼블리셔 학원에서 어느정도까지 가르치는지 몰라서요..
기본으론 있는 라이브러리를 가져다 쓰는걸 할 줄만 알아도 좋은데 1~2년차 정도 된 퍼블리셔들은 직접 구현해쓴다고 해서 미리 공부해두면 좋지않을까 해서요

링크 정말 감사합니다 깃허브 보는 법도 예전에 봐뒀었는데 기억이 가물가물한걸 보니 다시 공부해야겠네요..(ㅠㅠ)

그리고 애니메이션 처리도 css로 가능하다고 하셨는데 해당 부분이 @keyframes 부분이 맞을까요?
애니메이션 부분으로도 궁금한게 있었는데 혹시 괜찮으시면 답변 부탁드립니다!
화면이 떴을때 바로바로 실행되는 애니메이션 말고 스크롤이 내려가서 해당 div가 있는 부분이 PC화면에 표시되었을때 애니메이션이 실행되려면 어떻게 해야하나요?
최근 패럴랙스로 구현된 사이트들에 보면 흔히 있는 효과인데 어떻게 적용되는건지 궁금합니다

혹시 제가 알고있는 부분에서 틀린부분이 있다면 꼭 말씀해주시면 감사합니다..
인터넷에 돌아다니는 글들을 이리저리 보고 배워서 틀린게 있는지 해서요..
에이전시에 신입사원으로 지원하시는데 슬라이더를 직접 구현하길 요구하진 않을 겁니다.
당연히 라이브러리를 가져다 쓰는 것으로 요구할꺼구요. 그건 경력자도 마찬가지입니다.
굳이 크로스 브라우징, 터치, 플리킹, 반응형까지 다 지원하는 라이브러리가 있는데 처음부터 만들진 않습니다.

만들어서 쓴다고 하는 이야기는 어떻게 보면 굳이 만들라고 하면 할 순 있어 라는 느낌같네요.

CSS 애니메이션은 말씀하신 animation 속성과 keyframe이 맞습니다. transition 속성도 포함이구요.

스크롤이 해당 화면에 왔을 때 작동하는 애니메이션이라면 여러가지 라이브러리가 있습니다만,

https://michalsnik.github.io/aos/

개인적으로 AOS를 가장 선호합니다.

작동 방식은 당연히 자바스크립트를 활용하는 겁니다. 해당 엘리먼트에 스크롤이 당도하면 엘리먼트에 애니메이션 클래스를 add 합니다. 그럼 그 순간 애니메이션이 작동하겠지요.

신입이신데 관심도가 꽤 높으셔서 어딜 가시든지 좋은 퍼블리셔가 되실거 같습니다.
이제 시작하시는 분에겐 암담한 짤이긴 하지만 2019년에 프론트엔드를 공부 하는 로드맵을 선물로 드릴께요 :)

헉 그렇군요 와! 진짜 너무 감사합니다ㅠㅠㅠㅠ 궁금했던 부분이 이부분이 맞아요!
해당부분도 라이브러리가 있군요 뭔가 알면 알수록 신기한것같아요 효과가 따로 있는걸까 했는데 스크롤값을 사용해서 넣는거였군요! 덕분에 궁금했던게 풀린기분입니다 ㅠ

주신 사진..은 암담하다고할까 아직 정확히 무슨뜻인지는 제대로 이해하지못하겠지만 해당 순서대로 파고 들어가면 좋다는 뜻일까요? 이 순서대로 공부를 하다보면 이게 이런뜻이였구나 하고 이해할 수 있는 날이 오겠죠 ㅎㅎ!!

제가 완벽하게 신입인건 아니고.. 아는분의 소개로 회사에 들어가서 2년간 근무했지만 여전히 코드를 쓸 줄 몰라서 혼자서 처음부터 다시 시작을 해보려 하는중입니다. 자바쪽은 여전히 초보고 html css가 눈에 좀 더 익어있다 뿐이였지만요..ㅎㅎ 그래서 신입으로 넣으려고 하는중이에요! 알려주셔서 정말 감사합니다 진짜..이걸 어떻게 말씀드려야 전해질지 모르겠어요 너무 감사드려요..ㅠㅠㅠㅠ 슬슬 점심시간인데 식사 맛있게 하시고 오늘 하루 좋은 일만 많으시길 바랍니다:) !!!
전체 195,055 |RSS
자유게시판 내용 검색

회원로그인

진행중 포인트경매

  1. 참여0 회 시작24.03.28 11:15 종료24.04.04 11:15
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT