본문 바로가기

프로그램/코딩

(34)
[VSCode]코드 비교하기(파일 비교하기/틀림점 찾기) Visual Studio Code 블로그 문제발견 어제 제 블로그 글들에 있는 동영상이 뜨지 않는다는 것을 발견하고 그 동안 너무 단순했던 스킨을 바꿔볼까 했으나 다시 세팅하는게 귀찮아 그냥 문제를 찾아 해결을 하기로 했습니다 하루종일 찾아낸 결과 언제인지 무엇때문에 지운지 모르겟지만 css에서 한 줄을 지웠기 때문입니다 백업 필수 컴퓨터 작업을 할때에는 백업이 필수 입니다 이 백업한 자료를 가지고 문제해결을 할 수 있었습니다 VSCode 아무래도 잘못된 코드를 찾는 것이기 때문에 Visual Studio Code에서 작업하는게 수월합니다 [코딩 시작하기]Visual Studio Code 세팅하기(세팅 및 확장프로그램 추가) 한국어 버전 https://marketplace.visualstudio.com/items?itemName=MS-C..
[CSS]티스토리나 웹페이지 자동 줄바꿈 안될때 컴퓨터에서 글자의 크기 영어같이 주로 한글자 자체가 완성형인 문자의 경우는 1바이트 한글이나 중국어 같이 조합문자 또는 특수문자 같은 문자는 2바이트입니다 티스토리 내 접은글 같은 곳에서 영어나 코드 같은걸 쓰다보면 모니터 화면을 뚫고 나가는 경우가 있습니다 word-break 속성 이럴때에는 css내에서 문제 있음으로 https://developer.mozilla.org/ko/docs/Web/CSS/word-break word-break - CSS: Cascading Style Sheets | MDN CSS word-break 속성은 텍스트가 자신의 콘텐츠 박스 밖으로 오버플로 할 때 줄을 바꿀 지 지정합니다. developer.mozilla.org 위 코드를 참고해서 글쓰기 안에서 직접 css를 수정..
[javascript]배열에서 랜덤 값 뽑고 랜덤 중복 없애기 랜덤 값 뽑기 Math.floor(Math.random() * 렌덤의 최대값) 변수안 배열 없애기 let ex = [1,2,3,4,5,6,7,8,9]; function ex_delete(){ ex = ex.filter((ex_ex) => ex_ex !== ex[ex.length - 1]); } 랜덤 중복 없애기 let ex = [1,2,3,4,5,6,7,8,9]; function ex_delete(){ let ex_number = Math.floor(Math.random() * ex.length);//예문의 배열 수만큼 랜덤 값 구하기 ex = ex.filter((ex_ex) => ex_ex !== ex[ex_number]);//예문 지우기 } ex인 배열(9개) 만큼의 숫자중 랜덤 값을 뽑아서 해당 배..
직접 만든 사이트 인터넷에 개시하기(netlify, github) https://www.netlify.com/ Netlify: Develop & deploy the best web experiences in record time A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free! www.netlify.com https://github.com/ GitHub: Where the world builds software GitHub is where over 73 million developers shape the future of software, together...
[javascript]새로고침 함수 이 함수를 모를때에는 리셋 버튼을 만들어서 function all_reset(){ js_time_c =""; js_time_m = ""; js_time_mm = ""; js_time_s = ""; js_time_ss = ""; js_time_ms = ""; js_time_c_t = ""; } 이런식으로 변수를 초기화 해주는 함수를 입력했었다 이런식으로 쓰는게 잘못된게 아니지만 내용이 너무 길어지기도 하고 변수같은것을 추가하게 되면 이 함수에도 추가 해 줘야 했기때문에 귀찮았다 이럴때에는 location.reload() 라는 함수를 사용하게 되면 새로고침을 해주기 때문에 리셋과 동일한 기능을 할 수 있다 고로 이 한줄로 대체가 가능하다
[javascript]반복 실행되는 함수(초시계) 만들기 : setInterval() 대부분의 함수는 태그안에 onchange, onclick등의 속성을 이용해 함수를 호출(실행)한다 하지만 setInterval()함수는 위치에 따라서 호출이 필요없이 설정한 시간에 따라서 계속해서 반복 실행 되는 함수이다 이 함수를 이용해서 계속해서 움직이는 시간, 비/눈 내리는 효과 등등을 만들 수 있다 이 함수의 경우에는 혼자서 계속 실행 되는 함수이기 때문에 멈춰주는 함수 clearInterval()를 같이 사용해 준다 setInterval 사용법 setInterval(실행 될 내용, 시간)으로 실행 될 내용은 직접입력 해 줘도 돼고 함수를 연결 해 주어도 된다 시간은 1000이 1초이고 필요한 시간만큼을 변수 또는 직접입력해 주면 된다 setInterval를 이용한 초시계 만들기 setInterv..
[javascript]나눈 배열을 select의 option 태그로 선택할수 있게 만들기 배열 나누는 법 먼저 배열을 나눠야 하기때문에 배열나누기는 밑의 링크 참조 https://korearaogong.tistory.com/31 [javascript]배열 나누기 배열의 갯수가 너무 많을 경우 원하는 수만큼 쪼개서 보려고 만든 함수이다 배열 나누기 let p_ex = document.getElementById("p_ex"); //출력할 곳 let ex_ex = ['안녕','하세요','한궈','라오꽁','입니다','배열.. korearaogong.tistory.com let ex_ex = ['안녕','하세요','한궈','라오꽁','입니다','배열','쪼개서','옵션','태그로','넣습니다'];//10개 배열 let selected = document.getElementById('list');//..
[javascript] keycode, code 값 찾기 / keycode 299 해결방법(keycode와 code의 차이) / 키보드 이벤트 하는법(onkeydown, onkeyup, onkeypress, onchange) 컴퓨터에 키보드는 버튼마다 코드값이 있다 하지만 한국어나 중국어 같이 사진의 자