아싸지만 1일1글 하고싶어

누군가가 내 블로그 명을 검색해서 들어왔다. 이렇게 기뻐하면 안 오시려나 후... 마니또 받은것처럼 그냥 혼자 웃어야 하나... 고럴 순 없지!! 먼가 더 댕기발랄 하고싶은데 컨디션이 바닥이었는데 이거 보고 회복된 거라 여기까지네요. 기록하는 걸 싫어합니다. 내가 틀릴 수 있다는 생각에, 하지만 누군가가 다시 찾아온다는 사실에 조금 자부심을 가졌습니다. 감사합니다.

목차 결과물을 보는 게 좋아 무작정 만들기만 했었는데, 우연찮게 면접 후기를 본 뒤 (cors가 프론트영역이냐, 백앤드 영역이냐 란 질문이었다) 개념에 대해서도 알아둬야겠다 생각했다. 나아가기 위해서 알을 깨야한다. Representational 원래 REST부터 접근하려 했는데, REST를 이해하기 위해선 먼저 Representational를 이해해야 할 것 같다. 이해를 위해 구글링을 했는데 똑같은 인용, 똑같은 문단이 여러 글에서 보이는 것 보니 이를 통해 이해하면 좋을 듯하다. 리소스 자료 HTTP GET 요청을 서버에 보낸 뒤, GET https://example.org/greeting Host: example.org Accept: text/plain, text/html; q=0.9 *; q=0..

목차 여기 garden태그 안에 content가 있다. 나는 이 content를 garden 영역 안에서 다른 곳으로 배치하고 싶다. 이때 우리는 flex를 쓴다. flex flex는 해당 태그의 콘텐츠를 나열하는 방식을 설정한다. 이를 위해 일단 나열한다는 선언을 해야 한다. .garden{ display: flex; } 그런 다음 가로로 나열할지, 세로로 나열할 방향을 설정해야 한다. flex-direction 이때 가로는 row, 세로는 column이다. .garden{ display: flex; flex-direction: row; } .garden{ display: flex; flex-direction: column; } align-items flex-direction과 수직방향의 나열을 설정한..

1편 (인식의 용이성) : sirong.tistory.com/41 2편 (운용의 용이성) : sirong.tistory.com/42 3편 (이해의 용이성) : sirong.tistory.com/43 웹접근성 체크 사이트 WAVE Web Accessibility Evaluation Tool WAVE Web Accessibility Evaluation Tool WAVE is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities. WAVE can identify many accessibility and Web Content Accessibility Gu..

목차 1편 (인식의 용이성) : sirong.tistory.com/41 2편 (운용의 용이성) : sirong.tistory.com/42 이해의 용이성 사용자들이 쉽게 이해할 수 있도록 콘텐츠를 구성해야 함. 이해를 쉽게 할 수 있도록이라는 게 무슨 뜻이지 싶었는데, 그냥 요약이나 콘텐츠 구분을 잘 하라는 뜻이다. 테이블 데이터 테이블을 사용할 경우 요약정보(summary 속성) , 제목( 태그)을 사용하자. 라는데, summary는 HTML5의 규격에 포함되지 않으니 태그에만 집중하면 된다. 답변출처 www.wah.or.kr:444/Participation/consultingView.asp?seq=9692&page=1&cType=&FindTxt=summary&flag=2&FindCol=1 it's nu..

목차 저번에 했던 글에 이어서 두 번째 파트를 알아보자. 1편 (인식의 용이성) : sirong.tistory.com/41 운용의 용이성 웹 콘텐츠에 포함된 모든 기능은 누구나 쉽게 사용할 수 있어야 한다. 웹 콘텐츠의 기능을 모두가 쉽게 사용할 수 있어야 한다는 뜻이다. 인식의 용이성과는 다른 점이, 인식의 용이성은 정보를 습득하는 것을 뜻하고, 운용의 용이성은 웹사이트 기능을 사용하는 것을 뜻한다. 이미지 맵 이미지 맵(이미지 내의 특정 영역에 링크를 거는 기술) 이미지 맵 기법이 필요할 경우, 클라이언트 측 이미지 맵을 권장 하며, 서버 측 이미지 맵을 사용할 경우 해당내용 및 기능을 사용할 수 있는 대체 콘텐츠를 제공해야 한다. 클라이언트 측 이미지맵은 사용자 측에 이미지의 링크가 html내에 존..

목차 서론 글자 태그에 대해 포스트 하려 했는데, 이 태그들을 왜 쓰는지 설명하려다 보니, 주제를 웹 접근성에 대해 잡는 게 더 낫다고 생각했다. 후.. 왜 계속 간단하게 쓸려다가 더 커지는 걸까. 웹 접근성이란 웹 접근성이란 웹 사이트 콘텐츠에 접근하려는 장애인 등이 비장애인 등과 동등하게 웹 콘텐츠에 접근하여 자유롭게 이용하도록 웹 사이트 설계자 및 운영자, 웹 콘텐츠 개발자들이 웹 사이트의 구축 · 운영 -2009년 3월 17일 국가표준 기술 가이드라인- 쉽게 말해서 신체제한에 불문하고 콘텐츠는 자유롭게 사용할 수 있게 만드는 것이 웹 접근성이다. 웹 접근성 향상을 위한 국가표준 기술 가이드라인 | 행정안전부> 정책자료> 참고자료> 참고자료 행정안전부 홈페이지에 오신것을 환영합니다. mois.go...

목차 이미지 크기 아는 법 인터넷에 익숙하지 않은 사람들은 연습에 사용할 이미지를 구하기도 쉽지 않다. 인터넷에서 찾은 이미지 크기 구별법을 질문을 받아 구별하는 법을 포스팅해본다. 구글 이미지를 검색한다. 마음에 드는 이미지를 클릭한다. 오른쪽에 생겨난 상세 이미지에 마우스를 갖다 대면 이렇게 왼쪽 밑에 이미지 크기가 뜬다. 가로 세로 순으로 가로 : 540px 세로 : 540px이다. 네이버 간단하게 검색하기에는 네이버가 국내 서비스로 잘 되어있다. 그러나 앞으로는 우리나라 사이트를 넘어, 해외 전문적 사이트에 접근하기 위해 구글에 더 친숙한 게 좋다. 이미지를 검색한다. 마음에 드는 이미지를 선택한다. 네이버는 마우스를 올리지 않아도, 사진의 밑을 보면 크기가 나와있다. 감성적 이미지 찾는 법 페이..