본문 바로가기

전체 글168

[JS]키패드 누르기 https://school.programmers.co.kr/learn/courses/30/lessons/67256 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 한참을 못풀었던 문제인데 약간 패턴이 눈에 보여서 겨우 풀게되었다 나는..바부여서 좌표는 생각하지 못했구...*# 을 10, 12로 생각하고 문제를 풀었다. 우선 1,4,7 or 3,6,9는 기본으로 왼쪽혹은 오른쪽으로 가게했고 2580일때가 문제였는데... 0일때는 el=11로 대입하였다. 무지성으로 막 풀었는데, 보니까 3으로 나눴을때의 몫과 나머지를 더하면 얼마나 움직이는지가 나와서 아래와 .. 2022. 7. 12.
웹 표준성과 웹 접근성을 배운 후 느끼는 심란함 마냥 동적인 페이지를 능숙히 만들고자 만들었던 JS PRAC 페이지를 스크린 리더로 한번 읽어보았다 하나도 제대로 읽히지 않았다. 오로지 비 장애인을 위해서 만들어져있는 페이지일뿐이였다. 귀여운 이모지를 달아서 버튼을 보기좋게 만들었는데, 다 아이콘cdn을 써서 그런가 읽히지 않았다. 내가 후천적 시각장애인이 되어서 내가 만든 페이지같은 페이지를 사용한다고 한다면 너무나 속상할것같았다. 분명 기억속에있는데 분명편리했는데 아무것도 알 수가 없을테니까.. 라벨 태그를 어떻게 정렬할 줄 몰라서 빼고, 안 예뻐서 뺐던 그때를 반성하게된다. 만들 때 한번 더 생각하고 만드는 내가 됐으면 좋겠다. 화려한 이펙트를 그 분들은 볼 수 없겠지만, 기본만큼은 충실해서 그 분들이 사용할 때 문제가 발생하지 않는 웹페이지를 .. 2022. 7. 12.
220710 그림으로 배우는 Http Network Basic 책 읽기 http 수업이 잘 이해가 되지 않아서 하나 구입했다.(아직 프로그래머의 뇌 읽지도 못함ㅎㅎ) 이번 주에 다시 네트워크 심화에 들어가기 때문에 이번주 수요일 전까지 1번정도 읽으면 도움이 될 것 같다. 30분정도 읽으면 이번주에 2~3번정도는 완독할수 있을 것 같다. 읽고나서 후기를 작성해야지 +아직도못읽음ㅎ 2022. 7. 10.
[JS]이미지 슬라이더 만들기2(캐러셀)+변경 https://sweesweett.github.io/jsprac/imgslider2.html 이전글에 낱장으로 다시 도전해보겠다고 괜한말을...해서....(아님) 다시 시도해보았다. 문제는 맨끝장에 도달하면 맨 앞장으로갈때 필름을 와랄라ㅏ로랄 돌리듯 돌아간다는점...? 가끔오류가 나면 빈 캐러셀이 날 맞이한다는점? 이유는 모르겠다 맨끝장에 도달할 때 자연스럽게 돌아가게 하는 방법을 찾아봤는데, 다들 맨 앞장과 맨 뒷장의 복사본을 맨앞과 맨앞에 붙여서 자연스럽게 만드는 것 같았당... 방법은 이렇다 div.visible을 저만한 크기(img와 같은크기)로 만들고 div.img__wrapper(img들을 감싸고있음)를 감싸게 한다. 그런다음 css로 overflow:hidden을 주게 하면, 딱 저영역만 보.. 2022. 7. 10.

티스토리툴바