'coding' 카테고리의 글 목록 (25 Page)

[vs code] 비주얼 스튜디오코드 한 번에 수정하기

비주얼 스튜디오코드에서 사방에 퍼져있는 단어를 한 번에 수정해보겠습니다. 1. 수정 사항 확인 ① 수정할 부분 확인 코드의 자세한 내용은 중요하지 않습니다. 중요한 것은 체크한 부분! 1월이라는 글자가 4번이나 나오는데 여기를 10월로 바꾸고 싶습니다. 0을 네 번 쓰는 건 좀 귀찮죠. 한 번에 할 수 없을까 고민해봅니다. 2. Alt ① alt + 클릭 커서를 보시면 4군데에 모두 커서가 들어간 것을 알 수 있습니다. alt키를 누른 채로 클릭을 하면 여러 군데를 한꺼번에 선택이 가능합니다. ② 수정하기 이제 원하던 대로 0을 넣어서 10월로 만들어집니다. 커서가 4군데 모두 있기 때문에 한 번만 입력하면 모두 들어갑니다. [같이 보면 좋은 글] [coding/editor] - [vs code] 비주얼..

coding/editor · 2021. 1. 18. 09:30

[github] github.io 주소 사용하는 법

안녕하세요. 개자이너 씸플레이입니다. 오늘은 깃허브에서 기본 주소인 github.io 도메인을 사용하는 법을 알아보겠습니다. 1. 깃허브 https://github.com/ GitHub: Where the world builds software GitHub is where over 56 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat... github.com ① 깃허브에 접속 깃허브에 접속해서 로그인합니다. 2. 새 저장소 만들기 ① Your r..

coding/개발 팁 · 2021. 1. 12. 09:30

[jQuery] 모달창 만들기

안녕하세요. 개자이너 씸플레이입니다. 오늘은 모달 창을 만들어 볼 예정입니다. 모달 창이란? 여러분도 한 번쯤은 보신 적이 있으실 겁니다. 버튼이나 이미지를 눌렀을 때 새로운 페이지가 열리지 않고 뒤쪽에 까만 배경이 생기면서 가운데에 어떤 문구나 이미지가 뜨는 걸 보신 적이 있죠? 그게 모달 창입니다. 잘 모르겠다고요? 괜찮습니다. 이 포스팅을 마지막까지 보시면 이런 걸 모달, 모달 창이라고 부르는군 하고 어디 가서 거들먹거릴 수 있게 됩니다. 얕은 지식이니까 심하게 거들먹거리지는 말도록 해요. 1. 구조 모달창 여기에 모달창 내용을 적어줍니다. 이미지여도 좋고 글이어도 좋습니다. ① 모달 창 구조 파악하기 일단 태그는 무시하세요. 클릭하면 모달 창이 나오게 만드려고 넣은 것입니다. 중요한 것은 모달 창..

coding/JavaScript · 2021. 1. 5. 09:30

[codepen] jQuery를 불러와보자

안녕하세요. 개자이너 씸플레이입니다. 오늘은 코드펜에서 제이쿼리를 불러오는 방법을 알아보겠습니다. 이미지처럼 CDN을 불러와보겠습니다. 1. 코드펜 https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io ① 코드펜에 접속 위의 링크를 이용해 코드펜에 접속해주세요. ② Pen 메뉴 선택 화면 왼쪽에 메뉴 중 Pen 메뉴를 선택해 새 파일을 만들어줍니다. 2. 세팅 ① 세팅 클릭 화면 위쪽에 있는 S..

coding/editor · 2021. 1. 4. 09:30

[html] 마우스를 올리면 나오는 설명글 title

안녕하세요. 개자이너 씸플레이입니다. 오늘은 마우스를 올렸을 때 특정 문구가 나타나는 방법을 알아보겠습니다. 1. html 여기는 그냥 보이는 글 ① html 코드 짜기 일단 기본 html 구조를 만들어줍니다. 간단하게 만 만들어보겠습니다. div{ background:darkred; width:400px; height:400px; line-height:400px; text-align:center; color:#fff; font-size:20px; margin:0 auto; } ② css 코드 짜기 하지만 오늘은 css는 별로 중요하지 않습니다. 보기 이쁘라고 짠 것이니 한번 봐주고 넘어가 주세요. html은 했는데 css는 너무 어렵다? 그냥 안 하셔도 됩니다. 2. title 속성 넣기 여기는 그냥 ..

coding/html + css · 2020. 12. 31. 09:30

coding 265