728x90 반응형 Coding With Jina154 [CSS] a태그 기본 스타일 없애기/ a 태그 기본스타일초기화 - 밑줄 없애기, 색상 없애기 a:link{text-decoration: none;} a:visited,a:active{color: 원래 설정하고 있는 색상;} a:link : 링크 방문 전 상태 a:visited : 링크 한번 클릭해서 방문 후 상태 a:active : 마우스로 클릭한 상태 가져다 복붙하면 a 링크 기본 스타일은 다 초기화됨 2022. 10. 20. [Github] 깃허브 웹 호스팅 주소 확인하는 방법 진짜 쉽고 별거 아니였는데... 이럴때 진짜 스스로가 하찮아보임ㅠㅠ 방법은 매우 간단함. 1) 원하는 레파지토리에 들어가서 2) settings 들어가서 3) 왼쪽 하단에 있는 Pages 들어가서 4) 나와있는 사이트 복붙 또는 visit site 클릭! 2022. 10. 14. [CSS] Font Awesome 아이콘 보이지 않을때 해결법 포트폴리오 작업 중에 아이콘을 사용할 일이 생겼는데 갑자기 아이콘이 나오지 않았다. 분명 HTML 안에 나의 Kit’s를 잘 복붙하고, 아이콘 태그도 넣은 것을 확인했는데도 아이콘이 안나왔다. 깃허브 아이콘이 나와야하는데 나오지 않음..ㅠㅠ 찾아보니 폰트어썸 버전 업그레이드가 필요해서 그런 것 같았다. 해결방법 -> 로그인 후 kit's 설정 버전 업그레이드하기! 1) 폰트어썸 로그인 후 kit 메뉴 클릭하고 설정버튼 클릭 2) 버전을 가장 최신버전으로 바꿔주고 꼭 저장버튼 누르기! 3) 이렇게 하니까 자동으로 아이콘이 다시 뜸! 완성! 2022. 10. 13. [GitHub] 깃허브 readme에 이미지 올리는 방법 ※ 깃허브 readme에 이미지를 넣을때 그냥 복사 붙여넣기로 넣으면 안됩니다. 1. 깃허브에 로그인해서 레지스토리 안 메뉴 중 [Issues] 탭으로 들어갑니다. 2. 넣고자하는 이미지파일을 끌어다 놓으세요. 3. 자동으로 생성되는 경로들을 복사해서 4. readme 파일에 마크다운 양식에 맞게 붙여넣으세요.(그냥 복붙만 해도 되긴 합니다.) 2022. 10. 8. [React] 리액트 시작하기 - 새로운 프로젝트 생성 방법 리액트 설치 방법은 여기로! https://coding-with-jina.tistory.com/94 [React] 리액트 초기 세팅 - ① Node.js 사이트에서 npm 다운로드 및 설치하기(Windows 10) 리액트를 시작하기 위해서는 리액트 툴을 추가해야한다. 여기서 3가지 방법이 있는데 우리는 Create React App을 이용한 리액트 활용법을 알아볼 것이다. 리액트 시작 전 초기 세팅 1) Node.js 사이트에 coding-with-jina.tistory.com 1. 일단 Node.js와 VS code 에디터 설치 구글에 Nodejs 검색해서 15버전 이상을 설치 (17.0버전은 금지) 예전에 Nodejs 15미만버전 설치했어도 지우고 재설치하기 설치할 때 설치폴더 C드라이브로 잡힌거 그.. 2022. 10. 7. [React] 리액트 클릭시 나오는 상세페이지UI 만들기 - component/props ※ 요약 제목 state 하나 만들어줘서 0으로 둔다 → let [title, setTitle]=useState(0); 부모 컴포넌트에서 작성 → 자식 컴포넌트쪽에 props 파라미터 등록 후 props.작명 으로 사용 → {props.글제목} 클릭한 글제목의 숫자를 title 배열 안에 저장해서 사용할 수 있도록 한다 → {props.글제목[props.타이틀]} 클릭하는 부분의 글제목에 onClick에서 title 변경 함수를 이용해 글제목의 숫자를 바꿔준다. → setTitle(i) 1. 제목 div onClick에 상세페이지 기능 추가 → onClick={()=>{setModal(!modal)}} {글제목.map((a,i)=>{return( {setModal(!modal)}}**>{글제목[i]} {.. 2022. 6. 3. 이전 1 ··· 6 7 8 9 10 11 12 ··· 26 다음 728x90 반응형
