아직도 console.log써서 디버깅 한다고? | 브라우저 디버깅하는 방법

  Рет қаралды 92,193

코딩알려주는누나

코딩알려주는누나

Күн бұрын

Пікірлер: 81
@hinoko58
@hinoko58 Жыл бұрын
8:20 추가 정보로서 소스로도 잡는 방법이 있습니다. 예를 들면 21 라인에 debugger; 입력해 놓았다면 개발자 툴 실행 해놓고 해당 소스 부분 실행될때 자동으로 잡힙니다.
@shewn844
@shewn844 Жыл бұрын
개발자 도구에 source탭에 들어가서 소스코드에 문제있는 부분을 확인한 다음 해당 부분에 breakpoint를 걸고 refresh 시켜서 해당 상황에서의 변수 값이나 오류를 디버깅한다.
@devall2513
@devall2513 Жыл бұрын
오래된 개발자 & 배울려고안하는 개발자는 그 브레이크 포인트를 신용안한다고함ㅋㅋ 속터져죽는줄
@MusicFontana
@MusicFontana 26 күн бұрын
진짜 이정도 쉽게 필요한 스킬 알려주는 유튜브 없는데 초보 제작자라면 구독하세요 또 이쁘시네요 발음이 외국 발음이신거 보면 분명 미국에서 사는분 인듯
@welchs0
@welchs0 Жыл бұрын
바로 어제 회사에서 소스 수정을 하면 안돼서 저렇게 브레이크 포인트 써서 확인했는데, 딱, 나오네요! 정말 유용한 내용 소개해 주셨네요! 개발자도구 잘 쓰는 분 들 정말 멋져 보이더군요. (맞춤법 수정..)
@d2341a
@d2341a Жыл бұрын
되서->돼서
@kwontaeseong
@kwontaeseong Жыл бұрын
이거 정말 기초인데 가르쳐주는 곳이 많지 않죠 디버깅 툴을 못 쓰면서 어떻게 개발하는건지..
@yong1405
@yong1405 Жыл бұрын
우와.. 이렇게 다 나오기 때문에 암호화며 복호화며 보안이 필요한거군요
@jun4198
@jun4198 Жыл бұрын
초보자들한테 유용한 정보를 알려주시네요!! console.log 사용 못 하는 경우가 은근히 있죠ㅜㅜ 가령 예를 들면 실서버와 개발서버의 db 가 달라서 서로 데이터가 다른데 개발에서는 에러가 안나고 실서버에서는 에러가 날때... 코드는 둘이 같은데 데이터로 인해 에러가 나는 경우 console.log를 개발에서는 아무리 찍어도 에러가 안나니 실서버쪽에서 브레이크 포인트 걸고 디버그해야하는 고통... 저도 압니다ㅜㅜ
@elijah7902
@elijah7902 10 ай бұрын
데이터가 다르다고해서 에러가 나면 버그누수거나 설계나 구현이 잘못된거 아닐까요? 예를들어 db결과가 0건이라고 에러가 나는건 프로그래밍 잘못...
@wonsuknet
@wonsuknet 4 ай бұрын
정말 유익해요!!
@민스스-e9s
@민스스-e9s Жыл бұрын
정말 많은 도움 되었습니다. 감사합니다!
@rogerskim
@rogerskim Жыл бұрын
이영상을 보고 더욱 더 콘솔닷로그의 소중함을 깨달았습니다. 감사합니다.
@코딩알려주는누나
@코딩알려주는누나 Жыл бұрын
나도 콘솔좋아하지만 그걸 못쓰는 상황이 일하다보면 옵니다!
@rogerskim
@rogerskim Жыл бұрын
@@코딩알려주는누나 앗.. 제목이 아직도 콘솔닷로그를 쓴다고? 여서 영상의 의도를 잘 파악하지 못햇네요 ㅠ 다시 제대로보겟습니다 죄송합니다..
@VoteKing
@VoteKing Жыл бұрын
ㅋㅋㅋㅋㅋㅋㅋㅋ
@Sen_mertens
@Sen_mertens Жыл бұрын
영상 제목으로 낚시한건데 왜 죄송함..ㅋㅋㅋ
@어쩌다보니ENTJ
@어쩌다보니ENTJ Жыл бұрын
누나 ~ 좋은영상 감사합니다 늦었지만새해 복 많이 받으세요 ~~
@코딩알려주는누나
@코딩알려주는누나 Жыл бұрын
새해복 많이 받아요!!
@Beetaverse
@Beetaverse Жыл бұрын
웹린이한테 정말 좋은 정보네요..! 정말 감사합니다....!!!!
@qxp2468
@qxp2468 Жыл бұрын
옆자리 직원분이 막 간지나게 하던게 이거였네용. 맨날 콘솔천지로 하고 있었는데 감샴다 ㅠㅠㅠ
@Q_20
@Q_20 Жыл бұрын
진짜 제목: 개발자 도구를 활용해서 디버깅을 더 쉽게 해보자.
@SkylerSmith2
@SkylerSmith2 Жыл бұрын
눈높이에 딱 맞는 강의네요. 필요한 정보 얻고 갑니다
@양과-l3n
@양과-l3n Жыл бұрын
저도 크롬 디버깅을 가끔 쓰긴 하는데 역시 콘솔 로그가 편하긴 하네요 옛날 사람이라 그런거 같아요 ㅜㅜ
@대영유
@대영유 Жыл бұрын
잘 배우고 있어요 감사합니다😊
@송편이-r6t
@송편이-r6t Жыл бұрын
sources에서 에러까지는 확인했었지만, 저렇게 브레이크를 걸어 쓸 수 있는건 덕분에 알게되었네요. 서버단에 올리고 서버에서만 생기는 오류 덕에 삽질을 많이했었는데, 감사합니다❤ 혹시 서버에서만 생길 수 있는 문제로, 개발 시 유의사항이 있을까요
@인섭-z6d
@인섭-z6d Жыл бұрын
정말 유익했어요 새해 복 많이 받으세요
@KienNguyen-ku1jt
@KienNguyen-ku1jt Жыл бұрын
이번에는 조금 늦게 다른 모든 비디오를 다시 보느라 바빴습니다. 이 채널의 구독자가 점점 더 많아지기를 바랍니다.
@heewonyang9240
@heewonyang9240 Жыл бұрын
텐스가 공부하고 싶어집니다. 멍때릴수가 없네요. ㅋㅋ
@walkingworld7686
@walkingworld7686 Жыл бұрын
설명 너무 재밌게 잘해서 이해가 쏙쏙 고마워요
@퇴깽이-r1y
@퇴깽이-r1y 6 ай бұрын
이런식으로 browser개발자 도구로 디버깅 하고 있는데 source에서 안보이는 혹은 로딩안되있는 js는 어떻게 디버깅하면 좋을까요? 보통 modal로 구성된 화면에서는 source에 안나오는 js도 있던데요 ㅜㅜ
@Wheatdigestive
@Wheatdigestive Жыл бұрын
개발자도구는 갓갓입니다
@sattergran
@sattergran Жыл бұрын
한참 C언어 업무만하다 갑자기 웹개발을 하게 되었는데...다급하게 구독 눌렀습니다 ㅜㅜ
@zeekrx
@zeekrx Жыл бұрын
패키지화된거나 난독화된 JS 코드를 디버깅 하는 방법도 알려주세요! 왕기대 +_+ 매번 남이 만든 사이트 소스 코드 없이 디버깅해주느라구 힘들어죽겠습니다. ㅠ ㅠ
@daytechnique
@daytechnique 6 ай бұрын
감사합니다ㅠㅠㅠ
@vitaMin-tf4vh
@vitaMin-tf4vh Жыл бұрын
코린이에게 필요한 소중한 정보네요! 친절히 설명해주셔서 감사합니다 저장해두고 습관화시켜야겠어요 새해 복 많이 받으세요!
@breadbreadbreader
@breadbreadbreader Жыл бұрын
와 꿀팁 감사합니다
@강재민-v1m
@강재민-v1m Жыл бұрын
이런 소중한 정보를 ㅜㅜ 감사합니다 많은 도움이 되었습니다
@AbundanceMind1
@AbundanceMind1 Жыл бұрын
새해에도 업된 텐션!! ㅎㅎ 좋은 정보 감사해요~
@Jokeadda204
@Jokeadda204 Жыл бұрын
I am from India I have studie that but your teaching style is good
@cmlee311
@cmlee311 Жыл бұрын
좋은 내용 감사합니다 디버깅 하는법 공부하려고 했는데 도움 되었어요
@따라뚜뚜루
@따라뚜뚜루 Жыл бұрын
아 이따 봐야겠다
@devjo123
@devjo123 Жыл бұрын
소중한 영상 감사합니다.
@마스크맨-c2s
@마스크맨-c2s Жыл бұрын
리액트 열심히 듣고 있슴니당
@minsuseo1971
@minsuseo1971 Жыл бұрын
최대한 개발 환경을 라이브랑 똑같이 만들어 놔야지요..개발환경에서 콘솔 쓰면 되지
@minsuseo1971
@minsuseo1971 Жыл бұрын
보통.. 라이브에서만 문제 생기면.. api문제가 대부분이지..
@hotspers7655
@hotspers7655 2 ай бұрын
오 꿀팁
@김정민-b6c1o
@김정민-b6c1o Жыл бұрын
Initiator 내용도 유용한데 해당 문제가 있는 API를 호출한 소스 위치를 쉽게 찾을수 있습니다.
@fistakr
@fistakr Жыл бұрын
새해 복 많이 받아요~~ 영상에 손놀림만 봐도 잼있음 ㅋㅋㅋ😂
@김찬기-c7g
@김찬기-c7g Жыл бұрын
음... webpack이나 barbel로 번들링된 스크립트는 개발자도구로 디버깅하는게 안되지 않나요;;
@이상현-s1p
@이상현-s1p Жыл бұрын
js도 sourcemap 파일이 있습니다.
@hyeonkyoo
@hyeonkyoo Жыл бұрын
오늘 누님 넘 예뻐요❤❤❤
@코딩알려주는누나
@코딩알려주는누나 Жыл бұрын
감사해요!🥰
@weare2292
@weare2292 Жыл бұрын
난독화가 진행되어 있으면 못쓰는 방법일까요
@lil1il1i12
@lil1il1i12 Жыл бұрын
외모, 지성....모든걸 다 가진 코딩누나의 치명적인 단점 : 나를 가지지 못한 것..
@bebe7176
@bebe7176 Жыл бұрын
갓누나
@jeffrey0208
@jeffrey0208 Жыл бұрын
2023년이 와버렸다..
@Ohjeansung
@Ohjeansung Жыл бұрын
썸네일 표정 킹받네욬 ㅋㅋㅋㅋ
@Stuninlikemadaddy
@Stuninlikemadaddy Жыл бұрын
헉 코딩하는 이쁜누나 귀하다
@hughie0219
@hughie0219 Жыл бұрын
손이 참 예쁘시네요...^^
@zuny25
@zuny25 Жыл бұрын
해피 뉴이어
@woojin_j97
@woojin_j97 Жыл бұрын
이쁘기는 하다.. 이쁘다...
@kch897
@kch897 Жыл бұрын
선리플 후감상 예정
@rolldeep82
@rolldeep82 Жыл бұрын
하지만.. 콘솔로그가 편한걸..?
@Gam-Ma
@Gam-Ma Жыл бұрын
알 뜰 정 보 감 사 합 니 다
@sally09090
@sally09090 Жыл бұрын
외삼촌 어디갔쪄요!
@공실박스-t9h
@공실박스-t9h Жыл бұрын
개발자도구 더 알려주세요 플리즈
@schoolkeepa
@schoolkeepa Жыл бұрын
근데 디버깅도 AI 가 할수있는 날이 오는거죠?
@코딩알려주는누나
@코딩알려주는누나 Жыл бұрын
제발
@esiwk7
@esiwk7 Жыл бұрын
개발자도구 더 알려주세요 도움이 됩니다
@sgpark5579
@sgpark5579 Жыл бұрын
이누나 와꾸가 약간 김완선 필 ^^
@4doghouse
@4doghouse Жыл бұрын
hny!!!
@김경훈-b6b
@김경훈-b6b Жыл бұрын
ㅋㅋㅋ 콘솔로그 자체가 디버깅용인데 ㅋㅋ
@정재우-u1r
@정재우-u1r Жыл бұрын
여기호출됨ㅋㅋㅋㅋ
@김기윤-z9w
@김기윤-z9w Жыл бұрын
빼깬드ㅋㅋㅋ
@SIA_404
@SIA_404 Жыл бұрын
이걸 사람들이 모른다는 것도 충격이다...
@코딩알려주는누나
@코딩알려주는누나 Жыл бұрын
모두가 올챙이적 시절이 잇숨다!
@wilddogdark9940
@wilddogdark9940 Жыл бұрын
장애는 잘하고 못하고, 고수와 하수, 경력과 초보 와는 크게 상관 없습니다. 프로세스를 철저히 만들고 철저히 지켜서 예방해야죠
@김주혁-u2o
@김주혁-u2o Жыл бұрын
편한대로 각자 쓰믄됨....
@이유승-p5e
@이유승-p5e 11 ай бұрын
팁감사합니당 덕분에 좋은 정보 알고가요~
개발자 면접 단골질문 자바스크립트 this
20:02
코딩알려주는누나
Рет қаралды 56 М.
За кого болели?😂
00:18
МЯТНАЯ ФАНТА
Рет қаралды 3,1 МЛН
코딩 강사의 소신 발언
20:40
코딩알려주는누나
Рет қаралды 173 М.
백엔드 개발 이 영상만 보셔도 거의
11:59
기술노트with 알렉
Рет қаралды 82 М.
평생 써먹는 코딩 공부 순서, 코딩 고수는 보지 마세요!
15:02
스파르타 연구소
Рет қаралды 261 М.
타입스크립트 쓰는 이유 & 필수 문법 10분 정리
13:28
코딩애플
Рет қаралды 187 М.
За кого болели?😂
00:18
МЯТНАЯ ФАНТА
Рет қаралды 3,1 МЛН