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