Hello there!
Fancy a chat in the console?
Let’s debug together!
<script src="https://conchat-delivr.netlify.app/v1.0.0/assets/main.js"></script>
Copied!
GitHub Repository

How con.chat work

START

μ±„νŒ…μ„ μ‹œμž‘ν•˜κ³  `con.setLanguage('js' λ˜λŠ” 'react')`둜 μ–Έμ–΄λ₯Ό μ„€μ •ν•©λ‹ˆλ‹€.

con.chat()
Copied!

μ±„νŒ… μ–Έμ–΄λ₯Ό μ„€μ •ν•©λ‹ˆλ‹€ ('js' λ˜λŠ” 'react').

con.setLanguage('language')
Copied!

SPEAK

λͺ¨λ“  μ‚¬μš©μžμ—κ²Œ λ©”μ‹œμ§€λ₯Ό μ „μ†‘ν•©λ‹ˆλ‹€.

con.speak('Hello, World!')
Copied!

USER

μ‚¬μš©μž 이름을 μ„€μ •ν•©λ‹ˆλ‹€.

con.configUserName('userName')
Copied!

ROOM

디버깅 방을 μƒμ„±ν•©λ‹ˆλ‹€. κ³ μœ ν•œ ν‚€κ°€ μƒμ„±λ©λ‹ˆλ‹€. μƒμ„±λœ 킀값은 ν•œ 번만 λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€. 디버깅 λ°©μ—μ„œλŠ” μ‚¬μš©μžλ“€κ°„μ˜ DOM μ‘°μž‘μ΄ κ°€λŠ₯ν•©λ‹ˆλ‹€.

con.createDebugRoom('roomName')
Copied!

디버깅 방에 μž…μž₯ν•©λ‹ˆλ‹€. λ°© 이름과 ν‚€κ°€ μΌμΉ˜ν•΄μ•Ό ν•©λ‹ˆλ‹€. μΌμΉ˜ν•˜μ§€ μ•ŠμœΌλ©΄ μž…μž₯이 λΆˆκ°€ν•©λ‹ˆλ‹€.

con.enterDebugRoom('roomName', 'roomKey')
Copied!

λͺ¨λ“  디버깅 방의 λͺ©λ‘μ„ μ‘°νšŒν•©λ‹ˆλ‹€.

con.listRooms()
Copied!

디버깅 λ°©μ—μ„œ λ‚˜κ°‘λ‹ˆλ‹€.

con.leaveRoom()
Copied!

DEBUG

개발자 λ„κ΅¬μ—μ„œ ν΄λ¦­ν•œ μš”μ†Œμ˜ μŠ€νƒ€μΌμ„ λ³€κ²½ν•©λ‹ˆλ‹€.

con.changeStyle('color: red; background-color: yellow;')
Copied!

개발자 λ„κ΅¬μ—μ„œ ν΄λ¦­ν•œ μš”μ†Œμ˜ ν…μŠ€νŠΈλ₯Ό λ³€κ²½ν•©λ‹ˆλ‹€.

con.changeText('text')
Copied!

개발자 λ„κ΅¬μ—μ„œ ν΄λ¦­ν•œ μš”μ†Œμ˜ 속성 값을 μ„€μ •ν•©λ‹ˆλ‹€.

con.setAttribute('attrName', 'attrValue')
Copied!

개발자 λ„κ΅¬μ—μ„œ ν΄λ¦­ν•œ μš”μ†Œμ˜ μ£Όλ³€μœΌλ‘œ elementλ₯Ό μ§€μ •λœ μœ„μΉ˜μ— μ‚½μž…ν•©λ‹ˆλ‹€. elementλŠ” Javascript 문법을 μ‚¬μš©ν•˜μ—¬ μ ‘κ·Όν•  수 μžˆμŠ΅λ‹ˆλ‹€. position : beforebegin | afterbegin | beforeend | afterend

con.insertElement(element, 'position')
Copied!

element λ˜λŠ” 개발자 λ„κ΅¬μ—μ„œ ν΄λ¦­ν•œ μš”μ†Œλ₯Ό μ‚­μ œν•©λ‹ˆλ‹€.

con.removeElement(element)
Copied!

λͺ¨λ“  DOM λ³€κ²½ 사항을 μ΄ˆκΈ°ν™”ν•©λ‹ˆλ‹€.

con.clearChanges()
Copied!

μ»΄ν¬λ„ŒνŠΈλ₯Ό μ΄λ¦„μœΌλ‘œ κ²€μƒ‰ν•˜μ—¬ DOM μš”μ†Œλ₯Ό ν™•μΈν•©λ‹ˆλ‹€.

con.searchComponents('componentName')
Copied!

λ¦¬μ•‘νŠΈ μ»΄ν¬λ„ŒνŠΈ 트리λ₯Ό λ³΄μ—¬μ€λ‹ˆλ‹€.

con.showComponentTree()
Copied!

λ¦¬μ•‘νŠΈ μ»΄ν¬λ„ŒνŠΈ 트리λ₯Ό λΉ„κ΅ν•©λ‹ˆλ‹€. λ°œμ‹ μžμ™€ μˆ˜μ‹ μžμ˜ state와 propsλ₯Ό λΉ„κ΅ν•©λ‹ˆλ‹€.

con.shareComponentTree('userName')
Copied!

GUIDE

con.chat μ‚¬μš© κ°€μ΄λ“œλ₯Ό λ³΄μ—¬μ€λ‹ˆλ‹€.

con.showGuide()
Copied!

CLOSE

ν˜„μž¬ μ±„νŒ… μ„Έμ…˜μ„ μ’…λ£Œν•©λ‹ˆλ‹€. 또 λ§Œλ‚˜μš”!

con.close()
Copied!