11월 2주차

span 태그의 값에 접근방법을 공부하다가
ref를 이용해서 해결하려고 했으나 실패함 -> ref 공부가 필요

기본적으로 span 태그는 value 값을 가지지 않는다
value 값은 input 태그에서 가진다

더 간단한 방법으로 해결할 수 있었다
클릭했을때 타겟의 innerText에 접근하면 된다

const onTattoo = (event) => {
        props.tattoo(event.target.innerText);
    };
    
    
return (
        <header className={styels.header}>
            {/* stattoo 페이지 이동 텍스트 버튼 */}
            <div className={styels.link}>
                <span className={`${styels.linkText} ${styels.tattoo}`} onClick={onTattoo} >TATTOO</span>
                <span className={`${styels.linkText} ${styels.life}`}>
                    <Link to="/profile">LIFE</Link>
                </span>
                <span className={`${styels.linkText} ${styels.about}`}>ABOUT</span>
                <span className={`${styels.linkText} ${styels.login}`} onClick={onLogin}>LOGIN</span>
            </div>
        </header>

    );