아직도 console.log써서 디버깅 한다고? | 브라우저 디버깅하는 방법
HTML-код
- Опубликовано: 31 июл 2024
- 00:00 인트로
00:30 회사에서 배포 실패한 썰
02:27 브라우저 디버깅 시작
03:46 api에러는? network 툴 이용!
06:52 브라우저 디버깅
16:01 백엔드 개발자에게 사랑받는법 (curl)
코딩알려주는 누나 강의 듣는곳
codingnoona.thinkific.com/
뇌를 살찌우러 올래?
누나 인스타 뭐야? 1008_shine
#자바스크립트디버깅하는법 #디버깅하는법 #디버깅
새해에도 업된 텐션!! ㅎㅎ
좋은 정보 감사해요~
이런 소중한 정보를 ㅜㅜ 감사합니다 많은 도움이 되었습니다
코린이에게 필요한 소중한 정보네요! 친절히 설명해주셔서 감사합니다 저장해두고 습관화시켜야겠어요 새해 복 많이 받으세요!
정말 유익했어요 새해 복 많이 받으세요
눈높이에 딱 맞는 강의네요. 필요한 정보 얻고 갑니다
좋은 내용 감사합니다 디버깅 하는법 공부하려고 했는데 도움 되었어요
웹린이한테 정말 좋은 정보네요..! 정말 감사합니다....!!!!
설명 너무 재밌게 잘해서 이해가 쏙쏙 고마워요
정말 많은 도움 되었습니다. 감사합니다!
팁감사합니당 덕분에 좋은 정보 알고가요~
텐스가 공부하고 싶어집니다.
멍때릴수가 없네요.
ㅋㅋ
소중한 영상 감사합니다.
잘 배우고 있어요 감사합니다😊
이번에는 조금 늦게 다른 모든 비디오를 다시 보느라 바빴습니다. 이 채널의 구독자가 점점 더 많아지기를 바랍니다.
리액트 열심히 듣고 있슴니당
정말 유익해요!!
초보자들한테 유용한 정보를 알려주시네요!! console.log 사용 못 하는 경우가 은근히 있죠ㅜㅜ 가령 예를 들면 실서버와 개발서버의 db 가 달라서 서로 데이터가 다른데 개발에서는 에러가 안나고 실서버에서는 에러가 날때... 코드는 둘이 같은데 데이터로 인해 에러가 나는 경우 console.log를 개발에서는 아무리 찍어도 에러가 안나니 실서버쪽에서 브레이크 포인트 걸고 디버그해야하는 고통... 저도 압니다ㅜㅜ
데이터가 다르다고해서
에러가 나면
버그누수거나 설계나 구현이
잘못된거 아닐까요?
예를들어 db결과가 0건이라고
에러가 나는건
프로그래밍 잘못...
한참 C언어 업무만하다 갑자기 웹개발을 하게 되었는데...다급하게 구독 눌렀습니다 ㅜㅜ
옆자리 직원분이 막 간지나게 하던게 이거였네용. 맨날 콘솔천지로 하고 있었는데 감샴다 ㅠㅠㅠ
바로 어제 회사에서 소스 수정을 하면 안돼서 저렇게 브레이크 포인트 써서 확인했는데,
딱, 나오네요! 정말 유용한 내용 소개해 주셨네요!
개발자도구 잘 쓰는 분 들 정말 멋져 보이더군요.
(맞춤법 수정..)
되서->돼서
8:20 추가 정보로서
소스로도 잡는 방법이 있습니다.
예를 들면 21 라인에 debugger; 입력해 놓았다면
개발자 툴 실행 해놓고 해당 소스 부분 실행될때 자동으로 잡힙니다.
아 이따 봐야겠다
와 꿀팁 감사합니다
누나 ~ 좋은영상 감사합니다 늦었지만새해 복 많이 받으세요 ~~
새해복 많이 받아요!!
감사합니다ㅠㅠㅠ
헉 코딩하는 이쁜누나 귀하다
개발자도구는 갓갓입니다
우와.. 이렇게 다 나오기 때문에 암호화며 복호화며 보안이 필요한거군요
영상 잘 봤습니다~~ 포스트맨도 해주실 수 있나요? 단순히 url 이랑 attribute 몇개 채워넣는거 말고 토큰 등등 필요한걸 어디서 끄집어 와서 쓰는지, 파일 보내는 경우 포맷 같은것도 어떻게 지정하는지 알려주시면 도움이 많이 될거 같아요~~
sources에서 에러까지는 확인했었지만, 저렇게 브레이크를 걸어 쓸 수 있는건 덕분에 알게되었네요. 서버단에 올리고 서버에서만 생기는 오류 덕에 삽질을 많이했었는데, 감사합니다❤
혹시 서버에서만 생길 수 있는 문제로, 개발 시 유의사항이 있을까요
개발자 도구에 source탭에 들어가서 소스코드에 문제있는 부분을 확인한 다음 해당 부분에 breakpoint를 걸고 refresh 시켜서 해당 상황에서의 변수 값이나 오류를 디버깅한다.
오래된 개발자 & 배울려고안하는 개발자는 그 브레이크 포인트를 신용안한다고함ㅋㅋ
속터져죽는줄
새해 복 많이 받아요~~ 영상에 손놀림만 봐도 잼있음 ㅋㅋㅋ😂
Initiator 내용도 유용한데 해당 문제가 있는 API를 호출한 소스 위치를 쉽게 찾을수 있습니다.
선리플 후감상 예정
저도 크롬 디버깅을 가끔 쓰긴 하는데 역시 콘솔 로그가 편하긴 하네요 옛날 사람이라 그런거 같아요 ㅜㅜ
갓누나
I am from India I have studie that but your teaching style is good
해피 뉴이어
썸네일 표정 킹받네욬 ㅋㅋㅋㅋ
이거 정말 기초인데 가르쳐주는 곳이 많지 않죠
디버깅 툴을 못 쓰면서 어떻게 개발하는건지..
이영상을 보고 더욱 더 콘솔닷로그의 소중함을 깨달았습니다. 감사합니다.
나도 콘솔좋아하지만 그걸 못쓰는 상황이 일하다보면 옵니다!
@@user-yu8so2ck1z 앗.. 제목이 아직도 콘솔닷로그를 쓴다고? 여서 영상의 의도를 잘 파악하지 못햇네요 ㅠ 다시 제대로보겟습니다 죄송합니다..
ㅋㅋㅋㅋㅋㅋㅋㅋ
영상 제목으로 낚시한건데 왜 죄송함..ㅋㅋㅋ
패키지화된거나 난독화된 JS 코드를 디버깅 하는 방법도 알려주세요! 왕기대 +_+ 매번 남이 만든 사이트 소스 코드 없이 디버깅해주느라구 힘들어죽겠습니다. ㅠ ㅠ
진짜 제목: 개발자 도구를 활용해서 디버깅을 더 쉽게 해보자.
오늘 누님 넘 예뻐요❤❤❤
감사해요!🥰
손이 참 예쁘시네요...^^
최대한 개발 환경을 라이브랑 똑같이 만들어 놔야지요..개발환경에서 콘솔 쓰면 되지
보통.. 라이브에서만 문제 생기면.. api문제가 대부분이지..
이런식으로 browser개발자 도구로 디버깅 하고 있는데 source에서 안보이는 혹은 로딩안되있는 js는 어떻게 디버깅하면 좋을까요? 보통 modal로 구성된 화면에서는 source에 안나오는 js도 있던데요 ㅜㅜ
난독화가 진행되어 있으면 못쓰는 방법일까요
리액트로 된 건, 어떻게 디버깅할 수 있나요? 저는 앱 개발자인데, 난독화가 되가지고 뭘 봐야할 지 모르겠던데.. 리액트만의 기술도 있는 거 같구요. 근데 웹이라서 결국 다 javascript, css, html로 이뤄질텐데, route path 이런 거나 자세히 좀 디버깅하고 싶은데, 어렵네요
분석을 시작하고 싶은 곳에 debugger; 이라고 넣고 개발자 도구를 킨다음 해당 페이지 들어가면 해당 부분을 읽을때 자동으로 break가 걸리게 됩니다.
hny!!!
개발자도구 더 알려주세요 도움이 됩니다
이쁘기는 하다.. 이쁘다...
2023년이 와버렸다..
외모, 지성....모든걸 다 가진 코딩누나의 치명적인 단점 : 나를 가지지 못한 것..
알 뜰 정 보 감 사 합 니 다
개발자도구 더 알려주세요 플리즈
하지만.. 콘솔로그가 편한걸..?
외삼촌 어디갔쪄요!
음... webpack이나 barbel로 번들링된 스크립트는 개발자도구로 디버깅하는게 안되지 않나요;;
js도 sourcemap 파일이 있습니다.
이누나 와꾸가 약간 김완선 필 ^^
ㅋㅋㅋ 콘솔로그 자체가 디버깅용인데 ㅋㅋ
근데 디버깅도 AI 가 할수있는 날이 오는거죠?
제발
여기호출됨ㅋㅋㅋㅋ
빼깬드ㅋㅋㅋ
이걸 사람들이 모른다는 것도 충격이다...
모두가 올챙이적 시절이 잇숨다!
편한대로 각자 쓰믄됨....
장애는 잘하고 못하고, 고수와 하수, 경력과 초보 와는 크게 상관 없습니다.
프로세스를 철저히 만들고 철저히 지켜서 예방해야죠