본문 바로가기

전체 글72

KPT회고(코드스테이츠 section3) KPT를 기반으로한 개인 회고 목표 상기하기 Keep, Problem 작성하기 Try 작성하기 우선순위 정하기 🌈 section3 회고 1. 목표 상기하기 🚗 기존 목표 첫 연봉 세후 3000이상인 곳에 개발자로 취업하기(월300이상) 5년안에 외국계 회사 취업해 디지털 노마드 실현 연봉 1억이상 만들기✨ 🚗 부트캠프 중 생긴 목표 부트캠프 기간동안 포기하지 말기💪 포트폴리오로 낼 수 있을만한 개인 프로젝트 5개 만들기!✨ 어떤 것을 개발 하고 싶은지 나만의 줏대 갖기✨ 2. keep,problem 작성하기 👊 keep 복습 스터디에 참여한 것. 저녁시간 알차게 보내기(스트레스 노노) 블로그를 꾸준히 작성한 것. 운동을 시작한 것. 👊 problem 요즘 공부하지 않는 시간이 늘었다😭 따라주지 않는 내 .. 2022. 9. 19.
웹표준, 웹접근성을 공부하며 느낀점 국내 웹사이트를 보다가 해외 웹사이트를 보면 촌스럽다는 생각을 지울 수가 없었다. 아이허브, 아마존 같은 세계적인 쇼핑몰에서 '왜 이렇게까지 밖에 디자인을 하지 못할까? 내가 만들어도 이것보다는 잘하겠네' 라고 생각했던 적이 있었는데 이번에 웹표준과 웹접근성을 배우면서 그들이 실력이 없어 상품페이지를 그렇게까지 밖에 못만들었던게 아니라 누구든지 같은 서비스를 경험할 수 있게 만들기 위해 노력한 결과라는 것을 알게 되었다. 우리나라 사이트들을 보면 포토샵으로 예쁘게 꾸며놓은 곳이 많다. 대부분 상세설명 또한 이미지로 되어 있으며 대다수의 사람들이 보기에는 깔끔하고 좋은 웹페이지처럼 보인다. 나도 지금까지는 이런 화면이 예쁘고 깔끔해 보기 좋다고 생각했다. 하지만 이번에 웹접근성에 대해 공부하면서 나에게는.. 2022. 9. 7.
저작권 없는 무료 이미지 사이트 요즘 블로깅을 거나 프로젝트를 만들어야 할 때 저작권 없는 이미지들이 필요한 경우가 많다. 저작권 걱정 없이 사용할 수 있는 사이트들을 정리해보자!🌈 1. Unsplash 무료 이미지 사이트로 최근 가장 인기 있는 곳 상업용 사용O 출처표기X 재판매X Unsplash 바로가기 Beautiful Free Images & Pictures | Unsplash Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos. unsplash.com 2. BURST Shopify 에서 서비스하는 무료 이미지 사이트 상업용 사용O 출처표기X BURST 바로.. 2022. 9. 7.
웹 접근성 웹 접근성(Web Accessibility) 일반적으로 웹 접근성은 장애인, 고령자 등이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것 🌈 웹 접근성 실태 안타깝게도, 우리나라의 웹 접근성 수준은 높은 정보화 수준에도 불구하고 높지 않다. 국내에서는 상품의 상세 정보가 이미지로 올라 오는 경우가 많고, 텍스트는 굉장히 제한적인 경우가 많은데 이는 스크린 리더등을 이용할 때 이미지속 글자를 인식하고 변환하는 과정에서 시간이 소요되기 때문에 텍스트로 작성되어 있는 경우와 비교했을 때 정보에 접근하는데 시간이 더 걸린다. 아마존, 아이허브같은 해외 쇼핑몰에서는 , 상품의 기본 정보가 모두 텍스트로 작성되어 있다. 또한 페이지에 첨부되어있는 모든 이미지에 이미지를 설명.. 2022. 9. 6.
Semantic HTML semantic : 의미의, 의미가 있는 이라는 뜻의 영단어 HTML : 화면의 구조를 만드는 마크업 언어 Semantic HTML: HTML이 구조를 만드는 것을 넘어 의미를 갖도록 만드는 것 는 헤더의 역할을, 는 네비게이션 바 역할을 하는 등 요소가 어떤 내용을 담게 될지, 어떤 기능을 하게 될지 확실하게 의미를 가지고있는 요소를 시맨틱 요소라고 한다. 🌈 시맨틱 HTML의 필요성 1. 개발자간 소통 대부분의 웹페이지는 와 으로만으로도 완성할 수 있다. 하지만 여러 명의 개발자가 웹 페이지를 개발하면서 와 으로만 HTML 코드를 작성한다면 각 요소가 어떤 기능을 하는지 전혀 파악 할 수 없다. 그렇기 때문에 주석을 작성해서 설명하거나 id 나 class 를 사용해서 일일이 표기해야 하고, 그 이름과.. 2022. 9. 5.
웹표준 우리는 인터넷은 웹 기반으로 작동한다고 생각하기 쉽다. 하지만 인터넷은 ‘전 세계적으로 연결되어있는 컴퓨터 네트워크 통신망’을 의미하며, 웹뿐만 아니라 온라인 게임, 모바일 앱, 이메일 등 네트워크를 사용하는 다양한 서비스들을 모두 포함하므로 인터넷은 웹보다 더 포괄적인 개념이다. 웹은 단순한 공간으로 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간이다. 예전에는 각 브라우저마다 서로 호환이 되지 않아 따로 개발을 해줬어야 했는데 이러한 수고를 없애고 웹 개발의 형식을 통일 시킨 것이 바로 웹 표준이다. 🌈 웹 표준 웹 표준이란 W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’을 말한다. 사용자가 어떠한 운영체제나 .. 2022. 9. 5.

티스토리툴바