3달 전 · 익명 님의 새로운 댓글
자바스크립트의 이벤트 처리 질문
리액트로 이미지 inpainting 컴포넌트를 만들고 있습니다. 사용자가 이미지 업로드를 하면 canvas 영역에 그 이미지가 채워지고 그 이미지에 mask 영역을 칠할 수 있는 이미지 에디터 컴포넌트인데요, 궁금한게 생겨 질문드립니다. 첨부한 코드는 컴포넌트의 코드중 이미지 업로드 시 onChange 이벤트의 처리기인 handleImageUpload 함수와, handleImageUpload 함수에서 호출되는 loadImage 함수의 코드입니다. 사용자가 input 요소에 이미지를 업로드하면 onChange 이벤트가 발생해 handleImageUpload 함수가 실행되고 loadImage 함수가 실행됩니다. loadImage 함수가 실행되면 img 객체가 생성되고 img 객체의 src를 지정하죠. 그러면 브라우저는 이미지 로딩을 시작하고 이미지 로딩이 완료되면 onload 콜백함수가 실행됩니다. 저는 이 과정을 자바스크립트의 콜스택, 이벤트 루프, 태스크큐 구조에서 나타내보자면 다음과 같다고 생각했습니다. 1. 초기상태 콜스택 : [ ] 태스크큐 : [ ] 2. 사용자가 파일을 업로드 -> onChange 이벤트 발생 콜스택 : [handleImageUpload] 태스크큐 : [ ] 3. handleImageUpload 내부에서 loadImage 함수 호출 콜스택 : [handleImageUpload, loadImage] 태스크큐 : [ ] 4. loadImage 내부에서 img 객체 생성 및 src 할당 콜스택 : [handleImageUpload, loadImage] 태스크큐 : [ ] Web API : 이미지 로딩 시작 5. loadImage 함수 종료, handleImageUpload 함수 종료 콜스택 : [ ] 태스크큐 : [ ] Web API : 이미지 로딩 진행중 6. 이미지 로딩이 완료되면 Web API가 onload 콜백을 태스크큐에 추가 콜스택 : [ ] 태스크큐 : [onload] Web API : 이미지 로딩 완료 7. 이벤트 루프가 콜스택이 비어있음을 확인하고 태스크큐에서 onload 콜백을 콜스택으로 이동 콜스택 : [onload] 태스크큐 : [ ] 8. onload 콜백 실행 (캔버스에 이미지 그리기 등) 콜 스택 : [onload, drawImage, ...] 태스크큐 : [ ] 일단 이 과정이 맞나요? 만약 이게 맞다면 생기는 궁금증이 있습니다. Web API에서 이미지 로딩이 진행되는동안 loadImage 함수 및 handleImageUpload 함수가 종료되면 loadImage 함수 내에서 생성된 img 객체는 가비지 컬렉터에 의해 지워져야 하지 않나? 그렇게 img 객체가 GC에 의해 사라지면 이미지 로딩이 완료되었을 시점엔 img 객체의 onload 함수도 없어진것이니 onload 함수의 로직은 실행이 되지 않아야 하는 거 아닌가? 하는 생각이 들어 질문드립니다
개발자
#자바스크립트
#react
#frontend
답변 1
댓글 1
조회 249
일 년 전 · 익명 님의 새로운 댓글
처음 시작할 언어는 어떻게 골라야하나요?
안녕하세요! 이 글을 읽어주셔서 감사합니다 :) <목차> 1️⃣ 핵심 질문 2️⃣ 자기 소개 및 원하는 것 3️⃣ 개발자로 전향을 희망한 이유 4️⃣ 공부 중인 언어 5️⃣ 이 언어를 선택한 이유 *** 1️⃣ 핵심 질문 Q1. 처음 시작할 언어 고르는 법 Q2. 한 언어를 깊게 파는 법 (구체적인 방법 혹은 경험) Q3. 나에게 맞는 프론트엔드 vs 백엔드 찾는 법 Q4. 나에게 맞는 직종 찾는 법 (게임, 보안, ai 등) 2️⃣ 자기 소개 및 원하는 것 저에 대한 간단한 소개를 하겠습니다. - 다양한 외국계 기업에서 근무를 희망합니다. - 27살 비전공자 개발자 지망생입니다. (개인적으로 변명같이 들려 비전공자라는 타이틀로 시작하는 걸 싫어합니다만, 노베이스를 설명하기에 이보다 적합한 단어가 없을 것 같아 작성합니다.) - 직장이나 타이틀보다는 내 포트폴리오를 건실하게 쌓아가고 싶습니다. - 틀을 깨고 나아가고 싶습니다. 3️⃣ 개발자로 전향을 희망한 이유 기존에 영업*서비스직종에서 근무를 했습니다. 일하던 중 스스로의 성장이 정체된 느낌을 받았고, 기여한 만큼 보상을 받고 싶다는 생각을 강하게 하게 되었습니다. 그러던 중 공부와 근무 프로젝트가 제 포트폴리오가 되고, 노력하면 할 수록 역량 향상에 도움이 되는 직업이 개발자라는 것을 알게 되어 도전하게 되었습니다. 4️⃣ 공부 중인 언어 - 자바스크립트, 파이썬, 자바 5️⃣ 이 언어를 선택한 이유 자바스크립트를 공부하게 된 이유는 시각적으로 반응이 보이기 때문입니다. 결과를 바로 확인할 수 있기 때문에 개발 입문용으로 좋다고 추천을 받았으며, 언어 문법이 비교적 지저분하지 않다는 추천으로 자바스크립트를 css, html과 함께 공부 중입니다. 자바스크립트 책과 유튜브 강의를 통해 언어를 배움과 동시에 미니 프로젝트를 진행했습니다. 생활코딩, 노마드코더, 혼공자 등을 보고 공부하고 살짝씩 변형해가며 깃허브와 블로그에 기록하며 공부 중입니다. 그러던 중 첫 언어로 자바스크립트를 선택하는 게 맞나 불안해져 범용성이 좋다는 자바를 공부하게 되었습니다. 사뭇 다른 문법 체계와 어려움에 파이썬을 공부하게 되었고 이로써 더 알 수 없게 되어버렸습니다. 배우면 배울수록 새로운 느낌이 들고, 기존 배웠던 것의 의미를 잃고 있는 느낌입니다. 진득하게 한 언어를 파고 싶은데 트렌드에 흔들리며 이것저것 건드리다 이도저도 안될 것 같은 마음에, 이 길을 미리 겪으셨을 선배님들께 조언 구합니다. *** 어떻게 들리실지 모르겠습니다. 막연하다라고 느끼실 수도 있으실 거 같습니다. 완벽한 준비라는 것은 없다는 것을 알고, 현장에서만 얻을 수 있는 경험이 있다는 것을 압니다. 그럼에도 경험하셨던 에피소드 혹은 방법, 조언들 그 어느 것이나 좋습니다 :) 피드백 주신다면 진심으로 감사할 것 같습니다. 읽어주신 모든 분들 행복한 하루 보내시길 바랍니다!
개발자
#질문
#피드백
#자바스크립트
#프론트엔드
#백엔드
답변 1
댓글 3
조회 233
자바스크립트의 전망
안녕하세요. 이번에 작은 스타트업에서 백엔드로 취업하게된 신입 개발자입니다. 그런 저에게 작은 고민이 있습니다. 자바스크립트의 전망이 있을까하는 고민입니다. 사실 자바스크립트를 원하지 않았는데 이런저런 조건들을 따지기보다 일단 개발자로 시작하고자하여 입하게 되었습니다. 그리고 가장 중요했던 건 CTO분께서 이름있는 곳에서 오신 분이시더라구요. 사실 이게 제일 컸습니다. 단순한 기술공부 외에 많은 것들을 배울 수 있을 것 같아서요. 입사 2개월조금 넘었는데 예상했던대로 많은 것들을 배울 수 있었습니다. 사족이 길었네요. 질문드립니다. 저는 원래 자바/코틀린을 사용하는 회사에 입사하여 일 배우면서 사이드프로젝트로 앱을 만들고싶었습니다. 그런데 자바스크립트로는 사이드할만한게 웹뿐인 것 같은데 궁극적으로 앱을 가려면 퇴사가 답인가요?(당장은 할 생각이 없지만) 자바스크립스트의 장점이랄까 포텐셜을 잘 모르겠습니다. 그저 저에게는 웹기술로만 느껴질뿐.. 그리고 자바스크립트로 사이드프로젝트(또는 부업)를 한다면 어떤 것들이 가능할까요? 참고사항 저희회사 기술스택은 Nodejs, expressjs, mysql, mongodb, vue, aws 입니다. 긴글 읽어주셔서 감사드립니다.
개발자
#javascript
답변 1
댓글 1
조회 611
일 년 전 · 권혁진 님의 새로운 답변
리액트 전 자바스크립트
많은 분들이 자바스크립트 기본 지식이 많이 중요하다 하셔서 자바스크립트 공부를 하는 중입니다. 현재 기본 문법으론 es6강의 한번 다 듣고, 코테는 프로그래머스 레벨1 진행중이고, 코어 자바스크립트 2번째 읽고 있고 deepdive 정독 예정입니다. 그런데 문제는 아직 자바스크립트로 실질적으로 무언가를 해본게 캐러셀 스와이프 모달 정도 만들어놓고 스크롤이랑 마우스 이벤트리스너정도로 자기소개 페이지 만들어본게 전부입니다. 슬슬 졸업이 다가와 취업 준비 포폴로 사이드프로젝트를 해보려면 리액트도 시작해야할 것같은데, 자바스크립트로 어느정도까지 해보고 넘어가는게 좋을까요?
개발자
#javascript
#react
답변 2
댓글 0
조회 133
React를 깊게 공부 하기 vs 바닐라 자바스크립트로 SPA, Component 구현해보기
안녕하세요, 프론트엔드로 구직중인 초보 개발자입니다. 최근에 바닐라 자바스크립트를 사용해서 SPA를 구현해보는 기업 과제를 받았습니다. 평소에 React로 프로젝트 2개정도 한 실력이고 바닐라 자바스크립트는 기본 문법이나 Closer 같은 면접 지식만 알고 있어서 과제를 하나도 구현하지 못했습니다.. 과제를 풀고 드는 고민은 React를 더 공부하기 전에 바닐라 자바스크립트로 SPA, Component같은 부분을 구현해봐야하나 생각이 들더라구요.. 바닐라 자바스크립트로 저런 개념들을 구현할 줄 아는게 필수일까요? 아니면 React를 더 깊게 공부할까요 실무에 계신분들의 의견이 궁금합니다.
개발자
#react
#javascript
#프론트엔드
#과제
#framework
답변 3
댓글 2
추천해요 4
조회 1,909
10달 전 · olcloolzj 님의 새로운 댓글
타입스크립트에서 타입 표기는 모두 다 해야하나요?
자바스크립트만 이용해 프로젝트를 하다가 타입스크립트를 사용하면 오류 메시지도 자세히 볼 수 있고, 나중에 규모가 커졌을 때 더 좋다고 들었습니다. 그래서 타입스크립트에 대해 공부하게 되었고 타입 명시를 하는것도 이해했습니다. 그런데 모든 변수나 함수와 같은 자료에 타입을 명시할 필요가 없다고 들었는데, 그렇다면 어디에 타입을 명시해야하는지 기준을 잘 모르겠습니다,, 다른 분들이 타입스크립트로 프로젝트한 깃 레포를 살펴봐도 잘 모르겠더라구요,, 혹시 타입스크립트를 사용하는 분들은 모든 곳에 타입 명시를 하시나요? 만약 모든 곳에 타입 명시를 하지 않는다면, 타입스크립트에서 타입 명시하는 기준이 무엇인지 궁금합니다,,!! 🤔
개발자
#타입스크립트
#자바스크립트
답변 1
댓글 3
조회 58
바닐라 자바스크립트가 무엇인가요??
코딩에 이제 막 관심을 가지고 배워보기 시작하려고 하는 고등학생입니다!!! 처음에 자바스크립트를 시작하려고 하는데 코드 입력창에 그냥 자바스크립트는 없고 바닐라 자바스크립트만 있더라구요...! 그냥 자바스크립트랑 바닐라 자바스크립트가 뭐가 다른지, 그리고 왜 하필 이름이 바닐라인지 궁금합니당!!! 감사합니닷!!!!
개발자
#자바스크립트
#바닐라자바스크립트
답변 2
댓글 0
추천해요 4
조회 312
일 년 전 · 조은수 님의 새로운 답변
코딩테스트 자바스크립트 or 자바 중 뭐가 더 나을까요?
현재 백엔드 개발 분야로 취직 준비중입니다. 자바를 배운 뒤 자바스크립트를 배우게 되었는데, 자바 스크립트가 더 재밌고 코딩테스트도 잘 풀리더라고요. 근데 스프링을 쓰는 회사들이 많아서 현재 자바로 코딩테스트 준비하는게 나을지 아니면 제가 조금 더 자신있어 하는 자바스크립트로 보는게 나을지 고민입니다. 참고로 node.js와 spring 둘 다 어느정도 다룰 수 있긴 합니다.
개발자
#코딩테스트
#언어
답변 2
댓글 0
조회 286
5달 전 · 이상래 님의 새로운 답변
자바스크립트와 리액트 공부방법 질문있습니다.
현재 프론트엔드 취업을 위해 공부중인 취준생입니다. 프론트엔드에서 중요한 자바스크립트와 리액트 공부에 대해 공부방법에 대한 질문이 있습니다. 자바스크립트 공부를 하고 리액트공부를 할 때 리액트를 공부하다보면 자바스크립트를 까먹게 되고 자바스크립트를 공부하다보면 또 리액트를 까먹게 되고 이러한게 계속 반복이 되는 것같더라구요. 어떻게 공부를 하면 좋을까요? 조언부탁드리겠습니다.
개발자
#프론트엔드
#자바스크립트
#리액트
#공부방법
답변 2
댓글 0
조회 59
2달 전 · 익명 님의 새로운 댓글
웹 플러그인 만들때..
안녕하세요. 회사에서 우리 api를 쓸수 있는 스크립트 형태로 주입가능한 플러그인을 만들어야 합니다. 보통 이럴때 리액트를 사용해서 만드나요?? 얘를들면 사용자는 자신의 서비스의 저희가 만든 스크립트를 심으면 우측 하단에 버튼이 생성돼서 버튼을 클릭하면 채팅이 가능한 챗봇을 제공 하려고 하는데 이럴경우 챗봇을 리액트를 이용해서 만들어야하나요? 아니면 그냥 자바스크립트로 만들어야하나요? 그리고 무엇으로 만들던지 어짼듯 스크립트 형태로 배포 해야하는데 어떻게 해야 하는지 감이 안 잡혀서 질문 드립니다. 두서 없이 쓴 긴글 읽어주셔서 감사합니다.
개발자
#react
#javascript
#script
답변 1
댓글 1
조회 28
8달 전 · 개발자H 님의 새로운 답변
프론트엔드 취업이 너무 고민입니다.
현재 프론트엔드 개발자로 취업을 준비중입니다. 작년에 국비학원을 시작으로 수료 후 지금까지 약 1년 6개월정도 지났는데 아직 혼자 공부하면서 계속 취업을 준비중입니다. 초반에는 실력이 많이 부족했어도 다른 지역으로 이력서도 많이 냈었는데 많이 낸거에 비해 연락은 잘 오지않았고 그 후로 실력문제라고 생각을 해서 일단 자바스크립트부터 다시 처음부터 꼼꼼히 인강을 보면서 공부중인데 시간이 길어질 수록 자신감도 많이 떨어지고 뭔가 압박감이 많이 들기 시작해서 하루도 쉬지않고 계속 공부를 했는데 그래서인지 집중도 되지 않고 또 최근에는 스트레스가 많이 들더라구요. 그래서 지금부터 이제 뭘 시작을 해야될지 그리고 어떻게 공부를 해야될지 감이 오질 않습니다. 예를 들어 자바스크립트를 끝내고 리액트를 공부하던 중에 뭔가 자바스크립트가 부족한것같다라는 생각이 들고 자바스크립트를 다시 보기 시작하면 리액트를 빨리 해야되는데라는 생각이들어서 너무 왔다갔다하는 경우가 많습니다. 지금 부터 어떻게 어디서부터 다시 시작을 해야될지 조언 부탁드리겠습니다.
개발자
#프론트엔드
#취업
#비전공자
#자바스크립트
#리액트
답변 4
댓글 0
조회 134
5달 전 · 이상래 님의 새로운 답변
자바스크립를 깊게 공부해야할까요? 아니면 리액트를 공부해야할까요?
안녕하세요.프론트엔드 개발자를 목표로 하고있는 대학생입니다. 목표를 정하고 공부를 하고있는데 현재 아직 프로젝트는 해보지 않았고 자바스크립트 한 번 공부한 후 리액트를 공부하고 있는 중입니다. 리액트를 공부하고 있는데 자바스크립트에서 부족한 부분이 많이 보이는데 다시 돌아가 자바스크립트부터 공부를 해야할까 고민이 됩니다. 프로젝트를 빨리 하고싶은 마음에 급하게 왔는데 고민이 됩니다. 어떻게 해야할까요?
개발자
##프론트엔드
##react
##javascript
답변 3
댓글 1
조회 83
9달 전 · 프레드윰 님의 새로운 답변
자바스크립트 웹개발자 강의 추천
안녕하세요 주니어 웹 개발자 입니다. 자바스크립트 기초적인건 알고잇지만 조금더 나은 개발자가 되려고 자바스크립트를 깊이 있게 공부하려고 합니다. 책은 '모던 자바스크립트' 책을 많이 추천해주셧는데 강의도 혹시 보기 좋은게 있을까요?
개발자
#javascript
답변 1
댓글 0
조회 67
2달 전 · aigoia 님의 답변 업데이트
부트캠프 추천, 앞으로의 방향성
제가 1년정도 프론트엔드 공부를 하다가 si회사를 다니고 다시 프론트쪽으로 하려고 나왔는데 2년정도 프론트를 안하다보니 기억이 잘 안나서 다시 공부하려고 하는데 1. 짧게 잡고 혼자 공부&복습을 하고 플젝을 할지 길게 잡고 다시 부트캠프에 가서 기초부터 탄탄히 다질지 고민입니다 2. 후자를 선택해서 부트캠프를 간다면 코드잇 스프린트 vs 멋쟁이 사자처럼 중에 고민입니다. 코드잇은 기초 2개월하고 그 다음에 리액트, 넥스트, 타입스크립트 위주로 하는것같고 멋쟁이 사자처럼은 기초를 짧게 가지고 바닐라 자바스크립트를 중요하게 생각하고 그 다음에 리액트,넥스트, 타입스크립트 플젝을 하는것같은데 어떤게 좋을까요?
개발자
#프론트엔드
답변 1
댓글 0
조회 55
5달 전 · 성현 님의 답변 업데이트
개발자 모드 함수 실행 방지
안녕하세요. 스스로 개발자라고도 하기 민망한 신입 개발자입니다. 이번에 자바스크립트를 이용한 쿠폰 다운로드 로직을 구현하면서 예전 사람이 만들어 놓은 코드를 참고하면서 문제가 발생했습니다. 기존 방식은 프론트단에 있는 데이터를 ajax에 담아 서버 측에서 검증을 받은 후 쿠폰 다운로드 함수를 실행하여 쿠폰을 다운로드 받아왔습니다. 예시) 로그인체크 함수 (ajax로 로그인 검증 함수로 보냄) 응답이 성공일시 -> 참여이력체크 함수 (ajax로 로그인 검증 함수로 보냄 -> 반복 -> 검증 전부 성공시 쿠폰 다운로드 함수 실행 여기서 문제는 개발자 모드 콘솔창에 쿠폰 다운로드 함수를 호출하면 검증과정 없이 쿠폰이 다운로드 받아지는 것입니다. 이것을 방지하기 위해 서버단에서는 세션, 토큰을 사용하는 방법이 있다는 것은 찾았지만 클라이언트 측, 즉 자바스크립트 코드로 개발자 모드에서 함수를 무단으로 호출하는 것을 방지하는 방법이 있을까요? 밑에 원하는 해결 방안을 적어 놓겠습니다 1. 개발자 모드 실행 시 경고창, 창 이동 방법 - 이 방법은 제외입니다. 2. 클로저 사용 - 익명 함수로 다운로드 함수를 작성 시 검증 과정 마지막에 호출하지 못하더군요. 제가 클로저를 잘못 이해하고 사용한다 생각하니 클로저로 해결할 수 있는 방법이 있다면 가르쳐주시면 감사하겠습니다. 3. 그 이외에 방법 자바스크립트 코드로 해결하는 방법이 있으면 좋겠습니다.
개발자
#javascript
답변 4
댓글 2
보충이 필요해요 1
조회 612
2년 전 · 익명 님의 새로운 댓글
자바스크립트에서 타입스크립트로 마이그레이션
안녕하세요 이번에 회사에서 자바스크립트로 된 코드를 타입스크립트로 마이그레이션 하는 업무를 받게 되었습니다. 타입스크립트는 이번이 처음이라 조금 헷갈리지만 열심히 공부하면서 작업하고 있는데요. 중요한건 사수도 없고 다른 팀의 타입스크립트로 작성된 코드도 없어 어떻게 해야 효율적으로 작성하는지 몰라 막막한 상황입니다. 혹시 공개된 기업의 코드나 사이드프로젝트로 진행하셨던 코드 알려주시면 정말 큰 도움이 될 것 같습니다. 상태관리는 redux, rtk를 사용한 코드면 더 좋을 것 같습니다. 감사합니다.
개발자
#react
#redux
답변 1
댓글 1
조회 166
3달 전 · 이상래 님의 새로운 답변
프론트엔트 개발자로 이직하기 위해서 어떻게공부 해야하나요?
안녕하세요, 문과 4년차 직장인입니다 2025년에 제대로 공부해서 1년안에 프론트엔드 개발자로 이직하고 싶습니다. 추천하는 공부방법 있으실까요?? 최근 4-5개월간 인터넷 강의(udemy)로 자바스크립트를 독학했고 배열, 함수, 비동기함수 등 이론은 대부분 이해했지만 혼자 완벽하게 구현하기에는 미흡한 상태입니다) 아래 방법 정도로 생각해봤는데 경력자분들 시선에서 가장 효율적인 방법이 공부방법이 무엇일지 조언을 부탁드립니다 1년안에 프론트엔드 개발자로 이직하기위한..!) - 프론트엔드 개발자로서 사용할 줄 알아야하는 프로그램이 뭔지? (자바스크립트, node.js, 리액트..?) - 자바스크립트만 공부하면 되는건지? - 강의를 독학으로 들으면서 개인 프로젝트를 할지? - 아니면 부트캠프를 들으면서 개인 프로젝트를 할지? - 추천하는 부트캠프가있는지? 회사를 그만두고 준비하기에는 너무 부담이 클것같아서 다니면서 준비하려고합니다! 꼭 조언 부탁드립니다 :) 감사합니다
개발자
#이직
#프론트엔드
답변 3
댓글 0
조회 66
(쌩초보,JS) 제가 무엇을 놓치고 있는걸까요? 수업 후 예시문제가 안풀립니다.
안녕하세요. 비전공자 취준생 입니다. 한 달 정도 전에 개발 공부를 막 시작해서 국비지원 부트캠프에 들어가려고 사전에 독학 중 입니다. 자바스크립트를 배우고 있는데요... 분명 인터넷 강의에서 선생님이 말씀 해 주셨지만 수업이 끝나마자마 문제를 풀면 코딩이 안됩니다... 예시입니다. 오늘은 10분정도 인터넷강의로 문자열 메서드를 배웠습니다. 변수 str1="Hello world"; 라고 했을 때 .length 를 사용하면 변수의 길이를 확인할 수 있다고 배웠습니다. 저는 이 수업을 들으면서 크롬 개발자 도구를 켜서 따라 쳤고 딱 srt1.length; 만 쓰고 엔터를 치니 바로 다음 줄에 11이 짠 하고 떴습니다. 기분이 좋았습니다. 그러나 수업이 끝나고 예시 문제에선 변수를 document.write() 로 출력해서 데이터(변수의 길이)를 확인하라고 했습니다. 저는 첫 번째로. var str1 = "Hello world"; str1.length; 를 쓰고 엔터를 쳤습니다. (아까 크롬에서 했던 것과 똑같이요) 그런데 아무 일도 일어나지 않았습니다. <수업 끝나고 문제푸는 자체 프로그램이 있습니다> 그래서 '아 document를 이용해 출력하라고 하셨지' 해서 다시 var str1 = "Hello world"; str1.length; document.wirte(str1); 을 했습니다. 그런데 역시 아무 일이 일어나지 않았습니다... 지금까지 자바스크립트에서 console.log 나 document.write 뒤에 오는 괄호 안에 이 전줄에 썼던 변수명을 넣고 ; 를 쓰면 출력이 됐던 기억이 있어 저렇게 했는데 해설지를 보니 var str1 = "Hello world"; str1.length; document.wirte(str1.length); 이거더라구요... 뭔가 제가 큰 기초 개념을 놓치고 있는 것 같아서 이대로면 모래성 쌓기가 되는 것 같아 무섭습니다. 답답하기도 하구요. 제가 응용력이 없는 걸까요...? 더 두려운건 구체적으로 제가 뭘 놓치고 있는지 모르겠습니다 ㅠㅠ 혹시 이런 저에게 들을만한 기초 강의나 개념 강의가 있다면 추천 부탁드립니다. 현재 자바스크립트 책을 보고 있는데도 코드 예시나 간단한 설명만 있을 뿐이더라구요. 유료 강의여도 강의가 좋다면 얼마든지 결제해서 들을 의향이 있습니다. 긴 글 읽어주셔서 감사합니다.
개발자
#기초
#js
#자바스크립트
#초보자
#취준생
답변 3
댓글 4
추천해요 5
조회 336
자바스크립트 모듈화와 동적요소 생성 사용 예시가 궁금합니다.
안년하세요. 자바스크립트를 공부하던도중 모둘화와 동적태그생성 기능을 어떻게 써야할까 고민을 해봤지만 답을 찾기어려워 질문을 올립니다. 모듈화의 개념은 이해했는데 기능을 어떤단위로 구분지어야할지는 너무 추상적이네요 ㅠㅠ 웹팩?을 많이 사용하는거 같은데 웹팩을 사용하지않고 바닐라 자바스크립트로todo웹을 만든다고 가정했을때 재사용이 가능한 이벤트함수등을 따로 파일을 만들어서 분리하면 되는걸까요 ?? 또한 동적으로 요소를 추가할때 SSR과CSR과 연관이 되는것같은데 자바스크립트로 동적으로 Html문서를 구성하는건 어떤상황에서 진행해야하는지 궁금합니다. 설명이 부족해서 죄송합니다..
개발자
#javascript
#html
#frontend
답변 2
댓글 4
추천해요 1
조회 262
4달 전 · 익명 님의 새로운 댓글
자바스크립트 인강 추천부탁드립니다.
현재 프론트엔드 개발자로 취업을 준비중입니다. 자바스크립트 인강을 찾고 있는데 입문자가 볼 수 있는 쉽게 설명하고 또 어떤것을 만들어보면서 할 수 있는 그런 자바스크립트 인강이 있다면 추천부탁드립니다. 유료 무료 상관없이 추천부탁드리겠습니다.
개발자
#자바스크립트
#인강
#입문자
답변 3
댓글 3
추천해요 1
조회 239
6달 전 · 이상래 님의 새로운 답변
진로에 대한 고민...
안녕하세요 백엔드에 관심이 많지만 어떻게 해야할지 몰라서 질문드립니다. 저는 C언어가 좋아서 매일 c언어만 하다가 한국에서는 너무 수요가 적은 언어이기도 하고 자바가 많이 쓰인다해서 이제서야 자바를 배우게됐습니다.. 부트캠프에서 자바스크립트를 먼저 배우고 자바로 넘어가는데 자바 스크립트는 정말 너무 재미없더라고요... 휴.. 자바는 괜찮을지 모르겠네요
개발자
#자바개발자
답변 1
댓글 0
보충이 필요해요 1
조회 46
자바스크립트 어떻게 공부를 하나요?
프론트엔드 신입개발자로 취준생입니다 자바스크립트 종류가 여러가지가 있어서 제가 정한 회사가 있으면 그 중점에 자바스크립트 공부를 해야 하는지 골고루 토이프로젝트이나 크론코팅을 해보면서…공부를 해야는지…자바스크립트 어떤 식으로 공부를 해야 옮은 걸까요?
개발자
답변 1
댓글 1
조회 307
일 년 전 · 익명 님의 질문 업데이트
모던 자바스크립트 자신없는데 면접 취소할까요?
안녕하세요. 가고싶은 기업에 서류를 통과했습니다. 그런데 모던 자바스크립트로 라이브 구현 테스트를 진행한다고 합니다. 저는 모던 자바스크립트가 자신이 없습니다.. 그래서 고민이 되는것은 1번. 모던 자바스크립트에 대한 실력이 아직 많이 부족하다 말씀드리며 면접을 취소한다. 2번. 회사 측에 리액트로 진행할 수는 없는지 물어본다. 3번. 하나도 구현을 못하든 혼나든 뭐가됐든 일단 면접보러간다. 다 경험이다. 이렇게 세가지의 선택 중 하나를 해야할 거 같은데 어떻게 하는 것이 좋을까요… 조언부탁드립니다.
개발자
#react
#기술테스트
#면접
#라이브-기술테스트
답변 5
댓글 0
조회 865
10달 전 · 익명 님의 새로운 댓글
자바스크립트 실습과 관련 공부법 질문
그동안 개념위주로 공부해서 자바스크립트로 간단하게 가의바위보 하는 웹을 만들고 있습니다. html, css는 어느 정도 완성했는데... js 코드 쓰려고 하니까.. gpt한테 js 코드 작성 방법을 물어보거나 구글링 없이는 도저히 어떻게 써야할지 감이 안잡혀요....ㅠㅠ 다시 개념으로 돌아가야할까요?.. 아니면 완성된 코드 따라서 작성해볼까요..? ㅠㅠ 그동안 공부한게.. 하나도 소용없는 느낌이 드네요.. (모던자바스크립트 책으로 공부하면서 블로그에 정리하는 식으로 공부를 했습니당..) 어떤식으로 공부해야할까요..?
개발자
#js
#자바스크립트
#공부고민
#공부방향
답변 2
댓글 2
조회 85
일 년 전 · 최우진 님의 새로운 답변
어떤 JS 도서로 공부하면 좋을지 의견 부탁드립니다!
안녕하세요. 만 1년차 개발자입니다. react같은 라이브러리에 길들여지다보니 정작 기본적인 js에 대한 지식이 많이 부족하다고 느껴져 책으로 공부하려 합니다. js를 사용하는데 문법적인 어려움이 있다기보단 js의 원리,근본,핵심(?) 같은걸 좀 요목조목 뜯어보고 싶어요. 많이들 추천하시는 책이 세가지던데 1. 자바스크립트 딥다이브 2. 코어 자바스크립트 (호랑이그려진거) 3. 자바스크립트 완벽가이드 (코뿔소책) 이 중 어떤것이 저에게 맞을까요? 혹시 다른 추천하시는 책 있으면 알려주셔도 감사하겠습니다🙇♀️
개발자
#자바스크립트
#js
#javascript
답변 3
댓글 0
추천해요 1
조회 476
일 년 전 · 김하늘 님의 답변 업데이트
대학교 4학년에 프론트엔드로 전향, 괜찮을까요?
안녕하세요 현재 3학년 2학기까지 마치고 일단 1년 휴학 중인 4년제 소프트웨어학과 학생입니다. 한심하게 들리겠지만, 3년 동안 학교 수업 외에 준비해놓은 프로젝트나 공부가 아예 없었어요. 이대론 취업이 불가능할 것 같아 무작정 휴학부터 해놓은 상태입니다. 그동안 전공으로 데이터 분석 + 백앤드를 주로 배워 이쪽 길로 가야하는구나 생각했는데요. 아무리 생각해도 둘 다 저와 맞지 않는 분야인 것 같았습니다. 통계 쪽 수학을 정말 못하고, 서버 관리 같은 추상적인 백앤드 분야도 전혀 재미가 없었어요. 그런데 지난 학기 때 잠깐 배운 기초 웹프로그래밍 수업에서 내가 짠 코드가 바로바로 보이는 웹 프론트가 그나마 흥미가 생겼어서요. 물론 프론트도 html, css 기초적인 자바스크립트 배운게 다입니다. 이제와서 처음부터 프론트엔드 취업을 준비해도 괜찮은걸까요? 넘 늦었나요? 만약 바꾼다면 자바스크립트, 리액트 공부부터 시작하려는데 간단한 로드맵이라도 있을까요... 또, 프론트를 희망하는 친구들이 없어서 도움이나 프로젝트도 같이 할 수 없는 상황이라 어떻게 공부 및 포폴을 쌓아야 할지도 너무 막막해요. 주변 친구들은 4년 동안 백엔드 열심히 준비해 포폴 쌓아가는 중인데 저만 더 뒤쳐지지 않을까 해서요. 아무튼 결론은,, 학교 수업에서라도 깔짝여본 백엔드가 나을지, 처음부터 시작하는 프론트엔드를 도전해볼지 고민입니다. 어떤 답변이나 질책, 욕도 좋으니 조언 부탁드립니다ㅠㅠ
개발자
#프론트엔드
#진로
#휴학
#데이터
#4학년
답변 1
댓글 0
조회 284
8달 전 · 익명 님의 새로운 댓글
신입 개발자 취준 고민이 있습니다
안녕하세요 신입 개발자로 취업을 하고싶은 준비생입니다. 부트캠프 수료한 지가 곧 있으면 1년이 다 되어가서 얼른 취업을 해야하지만 서류에서 광탈을 하는 상황입니다. 혼자서 생각하기에는 좀 고민되는게 있어서 경험이 많으신 분들에게 질문을 드리고 싶어서 글을 작성하게 되었습니다. 기존 포트폴리오는 자바스크립트,리액트 nodejs을 사용한 프론트, 백엔드를 둘다 다룬 프로젝트로 팀플 1개개인 프로젝트가 1개가 있고 구직기간 중 학습한 것을 바탕으로 만든 플러터 앱 프로젝트로 총3개가 있습니다. 취업을 위해 기존 프로젝트를 보완하거나 기존 스택을 이용하고 좀더 발전된 코드로 새로운 프로젝트를 추가하는 노력을 하는게 나을까요? (예를 들어서 상태관리 폴더 구조 관심사 분리 데이터베이스 설계 등을 기존 프로젝트보다 레벨업해서 새로 프로젝트 만들기) 아니면 취업을 위해 다시 한번 6개월 정도의 부트캠프를 다니는 것은 좋은 선택이 아닌걸까요? 찾아본 부트캠프로는 자바 풀스택 부트캠프 (지금까지 자바스크립트 기반으로 공부를 했기 때문에 자바까지 공부하게되면 이도저도 아닌 것 같이 보일까 걱정이긴하지만, 수료 후 취업 할 수 있는 기업수가 많아질 수 있어 좋겠다고 생각했고) 혹은 플러터 부트캠프가 있습니다. (기존 포트폴리오에 플러터 프로젝트가 하나 있어서 이와 연계해서 좀더 딥다이브하기 위해 플러터 부트캠프를 다니려고 했습니다
개발자
#취업고민
답변 1
댓글 1
조회 243
2년 전 · 김철수 님의 새로운 답변
자바스크립트와 타입스크립의 차이
자바스크립트와 타입스크립트의 차이점은 뭔가요?? 타입스크립트는 타입을 특정해준다는거 외에 잘 모르겠어서요!
개발자
#javascript
#typescript
답변 7
댓글 3
추천해요 45
보충이 필요해요 4
조회 2,779
4달 전 · 익명 님의 질문 업데이트
개발자 신입 준비
안녕하세요 개발자 준비중인 컴퓨터공학과 4학년 학생입니다. 우선 저는 3회정도의 프로젝트를 진행했고 어쩌다 보니 팀 프로젝트 였지만 제가 거의 풀 스택으로 진행했고 Spring, Node, React를 사용가능하고 아키텍처적으로 규모가 있진 않지만 대략 30개 이상의 Entity를 가지는 규모의 프로젝트들이며 기업인분들에게 좋은 평가를 받은 프로젝트도 있습니다 (Flutter로 간단한 앱도 만들어보았고 , 어플리케이션 프로젝트도 진행 해보았습니다.) React는 타입스크립트 자바스크립트(JavaScript)를 사용해서 나름 자유자재로 만들고 수정할 수있고 타입스크립트(TypeScript)로 전환하는 방향으로 가고 있으며 Node는 레거시로 Express와 sql사용해서 사용했고 Spring은 Spring Boot, Spring MVC, Spring Security,JPA, Redis, JWT 등으로 다양하게 접목 시키고 있고 왜 필요할까를 생각하며 다양하게 접근하고 있습니다. (JPA나 AOP 등의 깊은 공부도 함께 하고 있습니다.) 실제 서버에 배포도 해보았고 지금 진행중인 프로젝트는 AWS를 통해 여러 인스턴스로 나눠서 최적화 하여 배포해볼 예정입니다. 이렇듯 부족하지만 웹쪽에서는 나름 발전의 자신감이 있는편입니다 하지만 제가 코딩테스트에 준비를 하지못했는데 요즘 코딩테스트가 거의 모든 기업 필수여서 아직 프로젝트 진행중이기도 하고 코딩테스트 때문에 아직 입사지원을 생각하지 못하고 있습니다. 코딩 문제를 한번도 풀어본적 없고 기본문법조차 잘 모르고 그런 상황입니다 ㅜㅜ 막상 시작하려고하니 시간적 압박도 그렇고 어떻게 어느정도의 기간을 잡고 해야할지 막막해서 글올려봅니다 선배님들 현직자분들 저는 웹 관련해서 너무 재밌게 찾아보고 고민하며 작업을 하는데 코딩테스트를 따로 준비해서 내년에 입사를 지원하는게 맞을까요 보통 어느정도가 되어야하고 어느정도 시간이 필요할까요 도움 부탁드립니다. 읽어주셔서 감사합니다!
개발자
#신입
#개발자
#코딩테스트
#취업준비
답변 0
댓글 0
조회 93
일 년 전 · 부추캠프 님의 답변 업데이트
국비학원 수업에 대해 고민입니다
안녕하세요 저는 비전공자이고 조금 늦은 나이긴하지만 개발자로 취업을 하기위해 국비학원을 등록해서 다니고 있는중입니다. 현재 학원을 다닌지는 2개월이 다되어 가는데 제가 처음에 국비가 6개월이니 진도가 빨리나갈것이라는걸 알고는 있었습니다. 그런데 빨라도 너무 빠르더라구요. html,css를 한달도 되지않아 끝났고 자바스크립트는 2주만에 그리고 리액트도 2주만에 하고 지금 옆반인 백엔드수강생들과 팀을 이뤄 협업 프로젝트를 하고 있는데 저처럼 비전공자인 사람들도 하나도 모르는 상태로 진행을 해야되는 상태라서 불만들이 나오고 있습니다. 저 또한 6개월 과정이라 수업이 빠른건 알겠는데 이건 아니지 않나라는 생각도 많이 들고 있습니다. html,css는 그렇다 치더라도 중요한 자바스크립트 그리고 리액트는 자세히 해야되는데 2주만에 수업도 중구난방으로 하고 이러한 이유때문에 의욕도 점점 줄어들고 어떻게 해야될지 모르겠네요. 그리고 진도가 빨라 자바스크립트 공부후에 리액트를 공부하는건 많이 늦을것같고 리액트를 하면서 자바스크립트 공부를 할려고 하는데 괜찮은 방법인가요?
개발자
#국비지원학원
#프론트앤드
#개발자
답변 2
댓글 0
조회 394