Dongi_coding 동기_코딩

안녕하세요. 동기 여러분! 오늘은 Alts 속성에 대해 알아보겠습니다. Image Alts alt 속성은 Alternative text에 줄임말입니다. Alternative가 대체 가능한, 대안이 되는 이라는 뜻이 되니까 Image Alts라고 하면 이미지의 대체 가능한 텍스트라는 말이 되겠습니다. 사용 목적 웹 페이지를 로드하는 중에 가끔 이미지가 안 뜨는 경우가 있는데, 이럴 경우 이미지가 있어야 하는 곳에 마우스 커서를 올리면 alt에 작성된 내용이 뜨게 되고 사용자가 읽을 수 있게 됩니다. 시각 장애가 있는 사용자가 화면에 뜨는 내용들을 읽어주는 소프트웨어를 사용할 경우, alt를 통해 이미지도 읽어줄 수 있습니다. alt는 Search Engine Optimization(SEO)에서도 상당히 중..

Сайн байна уу? 샌-배-노? 동기 여러분! 오늘은 몽골어로 인사를 준비해봤습니다ㅋㅋㅋ 제가 러시아어를 뜻은 잘 모르지만 읽을 줄은 아는데요, 몰랐었는데 몽골어를 러시아 철자로 쓰는 게 참 신기하네요! 오늘은 이미지 넣는 법에 대해 알아봅시다. 아마 마크다운을 배우신분들은 눈치를 채셨을 건데 HTML과 마크다운은 상당히 비슷합니다! 갑시다! Images 이미지는 다른 태그들과 달리 뒷 태그(Closing tag)가 따로 없고 앞 태그(Opening tag)에서 마무리를 짓는데 >로 닫기 전에 / (Slash)를 넣어줍니다. 아래와 같습니다. 이미지 태그는 항상 src라는 속성을 지니게 되는데요, src에는 반드시 이미지의 소스나 위치가 지정되어야 합니다. 보통 URL(Uniform resourc..

안녕하세요. 동기 여러분! 오늘 저녁을 맛있는 버섯 전골을 먹고 디저트를 몹시 먹고 싶었지만 꾹 참고 프로틴 바를 먹고 분노의 풀업을 한후에 포스팅 중 입니다. 하하하하하하하하하하하하하하하하하ㅏ하핳. 순서가 있는 리스트와 없는 리스트 작성법에 대해 알아봅시다... Ordered Lists 순서를 1부터 자동으로 지정해주는 태그에 대해 알아봅시다. 사용방법 첫 번째 두 번째 세 번째 ... Ordered list의 준말 태그와 List의 준말 를 사용하는데, 을 부모 요소로 사용하고 그 안에 자식 요소로 를 적어주시면 됩니다. 예 Unordered Lists 숫자로 된 순서가 없는 리스트를 만들 때 사용합니다. 사용방법 순서 필요 없음 디저트 먹고싶다 하지만 난 먹지 않지! ... Unordered lis..

안녕하세요. 동기 여러분! 오늘 알아볼 내용은 진짜 별거 없기 때문에 빨리 갑시다! Line Breaks 줄 바꿈 기능입니다. 개당 한 줄을 바꿉니다. 생김새 닫는 태그는 없어도 됩니다. 예제 디아블로 2의 궁극의 무기, 패이즈 블레이드작 슬픔(구 깊은 고뇌)에 대해 적어 보았습니다. 문장이 끝나는 지점에 을 넣어 줄 바꿈을 해주고 빨간 체크가 있는 부분에는 을 두개를 넣어 두 번 줄 바꿈을 했습니다. 만약 이 없다면 어떻게 될까요? 오늘의 느낌 오늘 저녁은 버섯 전골이다!

Olá! 올라! 동기 아미고! 오늘은 텍스트 스타일링 두 가지를 알아보도록 합시다! Styling Text Emphasize Rats. Nobody sent me a Christmas card today. I almost wish there weren't a holiday season. I know nobody likes me. Why do we have to have a holiday season to emphasize it? - Charlie Brown CHirstmas (1965)에 나온 Charlie Brown의 대사 중 쥐들아. 아무도 오늘 나에게 크리스마스 카드를 보내지 않았어. 진짜 난 크리스마스 시즌이 사라졌으면 좋겠어. 그래 아무도 날 좋아하지 않아. 도대체 왜 크리스마스 시즌을 보내면서..

En Taro Adun! 엔 타로 아둔! 동기 기사단 여러분! 오늘은 칼라니(Khalani)어로 인사말을 정해 보았습니다. 그럼 Displaying text에 대해 알아보러 떠나 볼까요? Arun Na'ar Adan! 아루 날 아단! Displaying Text 텍스트를 웹브라우저에 표현하고 싶을 때, 와 을 사용할 수 있습니다. 는 Paragraph의 준말로 문단인데 순수한 텍스트 블록을 담을 수 있습니다. 은 텍스트나 다른 HTML의 작은 조각들을 포함하고 있습니다. 가 문단을 나누는 역할을 한다면, 은 문장 내에서 내용을 나누어주는 역할을 합니다. 생김새와 예제 How I feel toay I've gone to Farm Boy which is a grocery store and bought som..

살람 알라이쿰! 킹덤 오브 헤븐이라는 영화에 보두앵 4세와 살라딘의 만남이 끝나고 서로에게 하는 인사말입니다. 살라딘이 알라이쿰 살람! 하면서 뒤돌아가는 장면은 명장면 중에 명장면인데, 제가 왜 명장면이라고 하는지 궁금하지 않으십니까? 오늘은 Attributes에 대해 알아보겠습니다. Attributes 영어사전에 Attribute를 찾아보면 자질, 속성이라는 뜻이 있다는 것을 숙지하고 갑시다. 우리가 요소(Element)의 태그를 확장해서 사용하고 싶을 때, Attribute를 사용할 수 있습니다. Attribute는 기본적으로 앞 태그(Opening tag)에 집어넣어 사용합니다. 몇 가지 쓰임새가 있는데 정보를 전달하거나 스타일을 바꿀 때 사용합니다. 생김새 예제 가 엄청 많이 있는 코드를 보면 엄..

こんにちは 곤니찌와. 동기 여러분! 오늘은 HTML의 요소에 대해 알아보겠습니다. 갑시다! Divs 가장 인기 있는 HTML의 요소중 하나인 는 division의 줄임말입니다. 뜻을 찾아보면, 분할, 분배라는 의미를 가지고 있습니다. 오호 그럼 이 친구는 나누어 주는 기능을 가졌겠군요? 그렇습니다. 크롬으로 아무 사이트나 들어가서 F12 누르고 elements를 클릭해서 자세히 보면 무수한 태그를 볼 수 있습니다. 예제 태그만 있다면 눈에 띄는 차이는 없지만, HTML로 작업하는 개발자들은 아 이 내용이 이렇게 구성이 되어 있구나, 이렇게 나누어져 있구나 라고 생각하며 작업 속도가 더 빨라지려나요? ㅋㅋㅋㅋ 전 안 해봐서 모르겠습니다. 아니다 크롤링 할 때 참 편합니다! (해봤음) 우리가 주목해야할 부분..

안녕하세요. 동기 여러분! 오늘은 HTML의 Headings에 대해 살펴봅시다! Headings Heding은 HTML의 제목입니다. 제가 크롬을 사용하여 뉴스 사이트에 들어가서 F12를 누르고 요소(element) 분석 기능으로 뉴스 타이틀을 클릭해보았습니다. h1.pg-headline이 보이시나요? 우리가 주목해야할 부분은 h1입니다. 아하! 뉴스 타이틀은 h1이구나! 마크다운(Markdown)과 마찬가지로 HTML에도 제목 태그가 6개가 있습니다. 은 대표 제목입니다. 이보다 작은 제목들은 모두 부제에 해당합니다. 는 보다 작은 부제. 는 보다 작은 부제> 는 보다 작은 부제> 는 보다 작은 부제> 는 보다 작은 부제> 예제 오늘의 느낌 날씨가 추워져서 그런지 운동가기가 너무 싫은데, 갈 거임!

Bonjour 본쥬아('엄청 짧고 혀가 말린 아'), 프랑스어 인사말, 평생 봉쥬르인 줄 알았는데 프랑스인에게 물어보니 아니더라구욬ㅋㅋㅋ 정확히 따라 하긴 힘들겠지만 한 20분 정도 노력 해봤습니닼ㅋㅋ 암튼 동기 여러분! 오늘은 HTML의 구조에 대해 알아보려 합니다. 이번에도 내용은 간단하니까 빠르게 알아봅시다! HTML Structure HTML은 가족 나무 관계들의 모음으로 조직되어 있습니다. 아래의 그림을 보며 알아봅시다. 라는 가장 부모 요소(Element)가 있고 그 아래 과 , 라는 자식들이 있습니다. 부모 요소와 자식 요소를 구분하는 기준은 바로 빈칸인데요, 앞에 빈칸이 보이시죠? 보통 2칸에서 정도인데 툴과 설정마다 다를 수 있기 때문에 우리는 그냥 탭 1칸으로 숙지하고 지나갑시다! 아래..