반응형 전체 글193 css 선택자 이야기, 페이지에 css를 적용하기 위해서는 기본적으로 선택자를 알아야 합니다. css는 페이지를 이쁘게 혹은 멋지게 만들어주는 언어를 의미합니다. 어떤 언어라고 통칭하기보다는 다양한 명령어와 그 속성들로 이루어진 집단이라 부르는게 맞을지도 모르겠습니다. 어쨌든, 우리가 보는 멋드러진 페이지는 css를 잘 적용한 모습이기도 합니다. 이런 css를 적용하기 위해서는 무엇보다 선택자에 대한 개념을 우선적으로 알아야 합니다. 웹페이지는 기본적으로 html의 뼈대를 이루고 있습니다. 건물로 치면 철근과 연결될 수 있겠네요. 인체로 친다면 골격, 뼈와 연결될 수 있습니다. 여기에 퍼포먼스, 디자인을 추가합니다. 우리 몸으로 치면 근육이고, 건물로 치면 인테리어 요소겠죠. 이렇게 추가된 최종적인 외관으로 방문자를 맞이하게 됩니다. 기본적으로 플랫폼에서 제공하는 블로그는 이런 내부적인 수정이 막.. It 이야기/css 이야기 2022. 12. 5. 티스토리 블로그 꾸미기 기초 개념, 이 정도는 알고 도전하시면 블로그 꾸미기에 많은 도움이 됩니다. 우리가 활용할 수 있는 블로그는 다양하게 있습니다. 크게 3가지를 구분할 수 있는데, 네이버 블로그, 티스토리 블로그, 구글 블로그로 구분할 수 있습니다. 갖자의 장단점이 있습니다. 이번 주제는 티스토리 블로그 꾸미기 기초 개념에 대한 이야기 입니다. 핵심 주제가 티스토리지만 간단하게 짚고 넘어갈 부분은 있습니다. 이미 알고 있는 내용이 있을 수 있으니 필요하신 경우, '목차'를 이용해 스킵하시면 될 것입니다. 티스토리 블로그 vs 네이버 블로그 vs 구글 블로그 각자의 장단점을 간략하게 살펴볼게요. 우선 가장 큰 차이는 html, css를 수정할 수 있냐 없냐의 차이입니다. 아, 그 전에 서비스를 제공하는 it 회사가 다르죠. 그건 이미 이름에서도 알 수 있습니다. html, css는 페이지를 구성하는.. It 이야기 2022. 12. 4. 월드컵 16강을 넘어 4강까지 갈 수 있다. 지금은 카타르 월드컵이 화제의 중심이 되고 있습니다. 사실 개인적으로 월드컴에 대한 별 기대는 하지 않았습니다. 하지만, 지금 16강으로 나아갔습니다. 이제부터 한경기 한경기가 중요한데, 관심도는 점차 커져갈 것이란 생각을 합니다. 한국의 월드컵에 대한 선풍적인 인기를 끈 시기는 2002년일지도 모릅니다. 시작부터 삐그덕 거리는 모습이었으니까요. 경기의 성과가 가져온 '히딩크 리더십'은 당시에 가장 핫한 키워드가 되기도 했습니다. 그때를 기억하시나요. 지금 월드컵의 모습이 그때와 닮아있다는 것은 저만의 생각일까요. 해당 부분을 한번 짚어보고 싶어졌습니다. 많은 상황이 변화했지만, 굳이 짚어봅니다. 2002 월드컵과 닮아있는 모습들. 당시에도 한국은 큰 대회, 월드컵과 같은 국대전에는 이상하게도 큰 힘을 .. 생활 이야기 2022. 12. 4. html, css, javascript 어떤 걸로 해야 할 까요. 원하는 기능을 구현하고 싶을 때 접근하는 방법. 제목이 조금 유치한 것 같습니다. 그런데 말이죠. 저의 처음이 딱 그랬습니다. 원하는 기능은 뚜렷한데 어떤 것으로 해야하는지 알 수가 없었습니다. 기본 개념이 없기도 했고, 따로 모두 공부하려니 엄두가 안나기도 했습니다. 단순히 원하는 거 하나만 적용하길 바랬거든요. 아마 욕심이 아니었나 생각합니다. 결국, 모든 것을 적당히는 알아야 구분하고 적용할 수 있다는 것을 알았습니다. 음, 그렇다고 웹개발자가 되기 위한 깊이 있는 학습으로 이어진 것은 아닙니다. 아주 가볍게 블로그 혹은 사이트를 운영할 때 필요한 정도의 지식만 쌓으면 됩니다. 그 다음부터는 폭풍 검색을 하시면 되죠. 인터넷에는 마음 넓은 능력자들이 많습니다. 이들은 기능을 구현하는 코드에 대한 체계적이고 구체적인 내용을 공유하고 있습니다. 한글.. It 이야기 2022. 12. 4. css 박스 만들기, border 기본과 속성값 정리. 페이지는 기본적으로 영역으로 나뉘어 있습니다. 대표적으로 영역을 구분하는 태그는 태그를 이용하게 됩니다. 여기서 배치를 통해 원하는 위치의 레이아웃을 형성하게 됩니다. 이렇게 구성되는 영역은 기본적으로 사각형으로 이루어져 있으며, 해당 영역을 꾸며줄 수 있는 box모델의 대표적인 css는 border를 이용해 표시하는 방법입니다. 간단하게 살펴보는 css box 만들기 입니다. 기본부터 적용 방법, 그리고 지정할 수 있는 속성값들에 대해서 살펴보겠습니다. 티스토리 블로그에도 적용할 수 있는데, 적당한 디자인 요소를 가미한다면 멋진 스킨으로 커스튬이 가능할 것이라 생각이 드네요. css box 만들기, 기본. border를 활용한 box 꾸미기. css를 태그에 적용하는 방법은 크게 3가지로 구분할 수 있.. It 이야기/css 이야기 2022. 12. 4. html 태그 종류를 알아볼까요. html은 웹페이지를 구성하는 기본 뼈대와 같습니다. 기본적으로 작용하는 명령어들을 태그라고 부르고 있으며, 각 태그에는 그에 맞는 기능들이 내장되어 있습니다. 신기하게도 메모장에 태그를 작성해서 html 파일로 저장하면 만들어진 웹페이지를 볼 수 있습니다. 과거에는 이런 방법도 많이 사용했겠죠. 지금은 다양한 에디터를 이용하고 있습니다. html 태그 종류 알아보기. 가장 기본 head태그와 body태그 집을 지을 때도 토목공사를 먼저 합니다. 가장 기본이 되는 것이니까요. 그리고 골격을 올리기 시작합니다. 웹페이지를 구성하는 것도 비슷한 방식이라 할 수 있습니다. 기본적으로 html형태를 갖추고 시작하게 됩니다. 여기서 큰 두가지 분류를 가지게 됩니다. , 가 그것입니다. 웹페이지는 통신을 기반으로 .. It 이야기/html 이야기 2022. 12. 4. 파이썬을 시작하는데 고민이라면, 몇가지를 기억하세요. 시대가 빠르게 변하고 있습니다. 필요로하는 기술도 다양하고 복합적으로 작용하고 있습니다. 그만큼 개인에게 요구되는 능력도 많아지고 있기도 합니다. 코딩도 그런 측면에서 같은 맥락이라 할 수 있지 않을까 생각합니다. 무엇보다 인공지능이 두각을 드러내고 있는 상황에 '파이썬'은 재미있는 측면을 많이 가지고 있습니다. 인공지능 ai에 대해 배우고 싶다는 생각을 해봤다면 꼭 따라 붙는 단어가 있습니다. 바로 '파이썬(python)'입니다. 신기하게도 ai에 대한 학습에는 파이썬으로 시작하는 것을 추천하는 경우가 많습니다. 그만큼 파이썬이라는 프로그래밍 언어는 ai기술에 특화되어 있을 수도 있습니다. 개인적인 생각에는 특화되어 있다는 느낌보다는 다양한 언어와의 연결이 쉽고, 기존 언어에 비해 문법이 직관적이라는 .. It 이야기/파이썬 이야기 2022. 12. 3. 티스토리 본문 버튼 css 서식 지정 및 사용 방법. 티스토리 블로그의 최대 장점은 자신이 운영하는 블로그의 html, css를 수정 및 보완할 수 있다는 점입니다. 이 점은 개인의 개성과 활용을 잘 사용할 수 있다는 것이기도 하죠. 대표적으로 css를 많이 수정하는데, 버튼 css를 수정하고 블로그 본문에 적용하는 방법에 대해서 알아볼까 합니다. css는 해당되는 페이지를 멋지게 꾸며줄 수 있는 언어입니다. html이 페이지 뼈대를 만들었다면 css는 겉모습을 만들어 주는 것이죠. 여기에 별도의 웹프로그맹 언어를 이용하여 보다 역동적인 웹사이트를 구성할 수 있습니다. 이런 css가 누구는 어렵다, 누구는 쉽다 이야기를 합니다. 개인적으로 어렵다고 생각합니다. 익숙하지 않다면요. 그리고 원하는 기능을 구현하기 위한 다양한 노력도 필요합니다. 적용하는 방법부.. 카테고리 없음 2022. 12. 3. 유튜브 동영상 공유, 자동 재생 하는 방법.(모바일도 가능합니다.) 이제는 많은 것을 유튜브로 해결하는 시대이기도 합니다. 과거에는 mp3, mp4파일을 공유하며 정보를 교환하기도 했죠. 당연히 당시에는 저작권에 대한 이해도가 낮기도 했습니다. 본 블로그에 공유된 동영상도 문제가 있다면 내리도록 하겠습니다. 어쨌든, 유튜브는 동영상을 올리고, 많은 사람들에게 자신의 동영상을 공개적으로 보여주고 있습니다. 또한, 이 동영상을 다른 사람들에게 공유할 수도 있습니다. 이번에 알아볼 내용은 유튜브 동영상 공유시 자동 재생하는 방법과 모바일에서도 자동 재생이 될 수 있도록 하는 방법입니다. 간단하게 스크립트 코드를 이용해 해당 기능을 활용해 볼 수 있습니다. 유튜브 동영상 자동 재생으로 공유하는 방법. 자신이 운영하는 사이트에 유튜브 동영상을 공유할 때, 자동 재생할 수 있는 방.. 카테고리 없음 2022. 11. 26. 티스토리 스킨 추천, 미넴 스킨의 다양한 활용 방법. 티스토리를 이용하기 위해서는 다양한 지식이 필요할 수 있습니다. 그 중에서도, 자신의 블로그에 방문하는 사람에게 첫 선보이는 이미지는 중요한 부분을 차지합니다. 그런 의미에서 티스토리 블로그 스킨은 블로그 운영자의 만족도 뿐만 아니라, 방문자의 만족도도 같이 올릴 수 있는 기회가 될 수 있을 것입니다. 우리가 블로그를 운영하는 목적은 무엇일까요. 아마도 다양한 이유가 존재할 수 있습니다. 글로 표현하기에는 너무 다양한 이유들이 있을 수 있습니다. 다만, 공통점이 존재합니다. 바로, 보다 많은 노출, 많은 방문자가 발생하기를 바라는 마음입니다. 구글에서는 SEO라는 기준을 적용하여 웹페이지의 순위를 매기고 있습니다. 다양한 요소들이 있는데, 모든 요소를 충족시킨다는 것은 결코 쉬운일이 아닙니다. 하지만, .. 카테고리 없음 2022. 11. 26. 공부할때 듣기 좋은 음악(적절한 소음은 집중에 도움이 될 수 있다고 해요. 그런 소음을 '백색소음'이라 부른답니다.) 흔히 많은 사람들이 집중력을 필요로 하는 경우 아주 조용한 곳을 찾곤 합니다. 그에 대한 대표적인 이유는 바로 '소음'때문이라고 할 수 있죠. 어떤 것에 집중을 해야 하는 상황에서 발생되는 주변의 소음은 해당되는 일에 집중하고 있는 자신을 방해하는 요소로 작용하곤 합니다. 그렇다면 아주 조용한 곳에서는 무조건 높은 집중력을 발휘할 수 있을까요. 꼭 그렇지는 않은 것 같습니다. 우리 주변에서 발생되는 일상의 소리들은 집중을 방해하는 소리도 있지만, 특별히 방해되지 않는 소리들도 존재하기 때문입니다. 이런 소리들을 '백색 소음' 또는 '화이트 노이즈'라는 명칭으로 불리고 있습니다. 우선은 몇몇 단어들의 의미부터 살펴보도록 하겠습니다. 소음(騷音) - 시끄러운 소리 집중(集中) - 한 곳으로 모임 or 한 가.. 카테고리 없음 2021. 6. 19. 사고(思考)가 정보(情報)가 될 수 있을까. 우리는 누구나 생각을 합니다. 간혹 타인에게 이런 이야기를 듣는 경우도 있습니다. '생각 좀 하고 살아라'라는 이야기를 말입니다. 누구나 하는 생각이지만, 그 흔한 생각이 가끔은 귀찮고 번거로운 것처럼 느껴질 때도 있습니다. 잠시 쉬었으면 하는 '피로감'에 의해 그럴 수도 있고, 아니면 단순히 귀찮아서일 수도 있습니다. 이런 이야기를 듣게 되는 경우는 어떤 상황이라 할 수 있을까요. 아마도, 어떤 문제, 대상이 존재하는 상황일 수 있습니다. 문제가 발생했다는 것은 어려움이 있다는 것으로 그에 걸맞은 해결책을 찾아야 하는 상황이라고 할 수 있습니다. 아주 익숙한 상황이라면 모르겠지만, 일반적으로는 문제를 해결하기 위한 방안에 대해서 생각하고 검증하여 해동으로 옮기게 됩니다. 이는 어떤 사태에 대해 아이디어.. 카테고리 없음 2021. 6. 18. 이전 1 ··· 13 14 15 16 17 다음 반응형