본문 바로가기

분류 전체보기88

[티스토리] 임시저장 글 날아가는 현상 해결 방법 (최종수정 2023년 1월 16일) ※ 주의할 점은 임시저장 후로 90일이 지나서 자동으로 삭제된 글은 복구할 수 없습니다. 참고바랍니다. 해결방법을 스스로 찾아서 뿌듯한 마음에 글을 올려본다. 블로그 글을 쓰다가 임시저장을 계속해서 해뒀는데 어느 순간 모든 임시저장 파일들이 날아갔다. 임시저장을 눌러봐도 해결이 안되고 답답해서 해결 방법을 검색해도 오래전 자료, 오래전 티스토리 블로그 자체 오류 등 밖에 찾을 수 없었다. 프론트엔드 임시저장 버튼 구조가 어떻게 돼있길래 이렇게 사라졌나.. 답답한 마음에 Ctrl + Shift + C를 눌러 개발자 도구의 마우스 포인터를 꺼냈다. 개발자 도구의 마우스 포인터가 올라가 있는 섹션은 패딩과 마진 등 그 골격이 표시된다. 이걸로 티스토리 임시저장 위에 포인터를.. 2022. 9. 5.
임베디드 시스템 실습 수업정리 1 Embedded Linux - Software development in Linux (어떻게 개발할 것이냐?) - Boot Loader (Power on 되면 제일 먼저 동작하는 코드, Starter Code라고도 한다.) - Linux Kernel (커널의 구조(소스)에 대해 배우기) 1. Kernel architecture 2. Device driver - File system Android - NDK (Native Development Kit) and JNI UNIX 의 모든 응용프로그램을 리눅스 운영체제 커널에 올렸다. 리눅스 토발즈가 만들어서 오픈한 커널에 대해서 배우는 과목이다. 버전 5부터 공부하면 매우 확대돼있어 어렵기에 기본적인 기능과 구조를 알고 빌드하기 위해 낮은 버전으로 공부한다. .. 2022. 8. 31.
[파이썬] 인터프린터란? 파이썬의 특징 융통성이 있는 언어다. 알아서 눈치껏 해준다. 객체지향 언어로 컴퓨터의 언어와 가까운 절차지향에 비해 좀 더 직관적이고 쉬운 사용이 가능하다. 인터프린터 : 한 줄 입력하고 결과보고 반복 에러가 발생해도 돌아갈 수 없어 불편하여 잘 안쓰는 환경이다. 다만 한줄한줄 내용을 즉석으로 확인할 수 있다. 2022. 8. 31.
[HTML] 폰트 (폰트 적용, 글씨 크기, 정렬) 폰트 font 관련 속성 한 번에 설정하기 font-xxx = font 내부 단일 속성 xxx 설정하기 ex) font-size, font-weight 먼저 사용하고 싶은 폰트를 검색한다. 네이버, 구글 등이 폰트를 제공한다. 구글 웹폰트 검색 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 마음에 드는 폰트 선택 후 화면이다. 화면 큰 글씨 Styles 우측에(현재 가려져 있음) + select 버튼을 선택하면 사진 우측 하단에 link, import 형식으로 폰트를 가져다 쓸 수 있는 코드를 제공한다. 그리고 CSS 룰 또한.. 2022. 8. 4.
[CSS] 스타일 시트와 선택자 (속성과 값 적용 방법, 가상 선택자) 스타일은 3가지 방식으로 적용할 수 있다. 1. 내부 스타일 시트 2. 외부 스타일 시트 3. 인라인 스타일 첫 번째로 간단하게 사용하는 방식인 내부 스타일 시트이다. 스타일 태그 내부에 모든 스타일을 적용시키며 이 스타일 태그는 외부 스타일 시트 내부 스타일 시트 인라인 시트 실행결과 2022. 7. 31.
[CSS] invalid property value 오류 해결 방법 예상 외로 정말 간단한 오류다! 이렇게 마우스를 올려보면 오류 항목 invalid property value 라고 뜨는데 픽셀값을 안줬기 때문이다. 가끔 pixel 단위 'px'값을 0으로 줄 때나 다른 몇 속성들은 px를 입력 안해도 되지만 이런식으로 position을 잡는 것에서는 정확하게 px 단위를 입력해야한다. 그렇지 않으면 이 오류가 뜬다. 2022. 7. 24.
[JS] 함수 내부에 외부 변수 값 전달하기 onclick 이벤트를 하나씩 모두 선언하면 복잡하니 한 번에 반복문으로 묶어주려다가 작성한 코드이다. //post store click event var store = document.querySelectorAll(".store"); for ( var i = 0; i < store.length; i++ ){ store[i].onclick = function() { store[i].src = "img/stored.png"; } } 문제가 없어 보이고 작동될 것 같은데 왜 안되는지 모르겠다. 함수 내부 store[i].src 줄에서 오류가 발생한다. 콘솔 창에는 Uncaught TypeError: Cannot set properties of undefined (setting 'src') 라고 떴다. 위 코.. 2022. 7. 24.
[HTML] <video> 태그 사용 방법 (인코딩, controls 속성) video 태그는 사용 방법이 매우 간단하다. Your browser does not support the video tag. 태그를 열어주고 width 원하는 너비와 height 높이값을 준다. (안 주면 기본 크기로 재생된다.) 태그를 열어 어떤 동영상을 어떤 유형(mp4 등)으로 넣을지 설정한다. 인코딩 이때 html을 여는 브라우저가 지원하는 동영상 유형인지 잘 확인하고 유형을 설정하거나 인코딩을 해야 오류가 없다. mp4는 폭넓게 모든 브라우저에서 지원하는데 재생이 안 돼 확인해보니 H.264 + AAC 방식으로 인코딩 된 MP4 포맷 이어야 한다. 이후 source가 재생이 안 될 경우 화면에 표시할 텍스트를 넣어준다. controls 항목은 플레이, 정지와 같이 비디오 실행을 제어할 수 있게.. 2022. 7. 17.
[HTML] <li> 태그 {<ul>, <ol>, 목록(list) 만들기} HTML은 웹 사이트에 표시되는 뼈대이다. 깔끔한 화면의 정돈을 위해선 는 매우 중요하다. 먼저 이 목록 태그들은 모두 '블록' 요소이다. 할당된 범위가 있어 자동으로 개행이 된 것처럼 화면에 보인다. HTML 블록과 인라인의 개념 (특징, 주의할 점) 블록과 인라인 제일 큰 제목 h1 Header2 h3 + tab : 자동완성 글씨를 쓸 때 사용하는 태그 strong아무글자 행에서 드래그하지않고 ctrl + c, v 사용가능 오른쪽 작성된 코드와 왼쪽 내용을 비교해보면 태그 anhanryang.tistory.com 태그는 숫자를 자동으로 내부 li리스트에 부여해준다. 다음으로 태그는 숫자를 없애고 기본 속성의 아이콘이 앞에 붙는다. 는 단독으로 쓸 수 없어 혹은 내부에 들어간다. 바로 확인해보자. ol.. 2022. 7. 17.