000 000

안녕하세요, ICT 어워드코리아 서포터즈 3.0도씨입니다. ICT 어워드 코리아의 접수 기간이 연장되어 알려드립니다! ​ ​ ICT 어워드 코리아는 위 여섯 분야를 대상으로 일반부문 접수를 받고 있습니다. ​ 마감 기한은 8월 3일까지로 연장되었습니다. 신청자에겐 디지털인사이트 6개월 구독권을 증정합니다. 수상자에게는 연감 수록, 언론 홍보 등 총 500만원 상당의 혜택이 주어집니다!! 수상자는 과학기술정보통신부 장관상을 받게 되는데요, 그밖의 수상 정보가 궁금하다면 아래 링크를 참고해주세요~! ​ http://ictawardkorea.com/ ICT AWARD KOREA 2022 ICT AWARD KOREA DIGITAL iNSIGHT 와 함께하는 ICT AWARD KOREA 2022 ictawardk..

https://yeyeong99.tistory.com/3 위의 링크가 원본 만들 때는 배포만을 목적으로 뒀기 때문에 만드는 거 자체가 뿌듯했었는데 시간이 지날수록 중구난방으로 짠 코드가 마음에 걸렸다. ​ 그래서 거의 다 갈아 엎었다 자바스크립트를 배우면 배울 수록 아 좀 더 좋게 짤 수 있을 거 같은데 싶었는데 손 대면 너무 오래 걸릴까봐 미루고 있었다. 근데 결국엔 어느새 손을 대고 있었고 생각보다 빨리 끝냈다. 하루에 2-3시간씩 3일 정도 투자한 듯 어쨌든 어떻게 재구성했는지 설명해보려고 한다. ​ HTML, CSS 우선 HTML에서는 div를 거의 section으로 바꾸고 구조도 약간 바꿨다. 그리고 ol, li 로 바꿨음 css는 거의 안바뀌고 이번에 동아리 하면서 알게 된 visibility..

​ ​ https://camerart7th.netlify.app/ 위는 완성한 심리테스트! 이걸 만들 당시 자료구조도 모르고 알고리즘도 몰랐다. 지금도 그런 편이다. 이것이 시사하는 것은 > 바닐라 자바스크립트만 알아도 심리테스트 페이지를 만들 수 있다. ​ 어쨌든 시작합니다 시작하기 전 심리테스트 페이지를 만들어 보고 싶었다. 요즘 유행하는 심리테스트를 보면 보통 문제가 12개인데 아마 I와 E를 묻는 문항 3개, N과 S를 묻는 문항 3개, F와 T를 묻는 문항 세 개, P와 J를 묻는 문항 세 개 이렇게 해서 12개 인듯 했다. 이런 식으로 세 질문에 대한 답을 비교해서 E가 많으면 이 사람은 EXXX가 되는 것.. 근데 이건 그냥 내 생각이다. 어쨌든 요즘 심리테스트가 유행하면서 구조를 생각해 볼..

Flex 박스와 아이템을 행 / 열 기준으로 자유롭게 배치해줄 수 있음 ⇒ 레이아웃 구성에 필수 cf) float, position, table / float - 이미지 & 텍스트 배치를 위해 만듦 ↔ 아이템 크기에 상관없이 동일한 간격으로 배치도 가능 Container ↔ item : 적용하는 속성이 다름. 수평, 수직 축이 중심이 됨 (main axis ↔ cross axis) ```css .container { display: flex; flex-direction: row-reverse; /*기본값은 row, row-reverse는 순서를 뒤집음,수직: column*/ flex-wrap: nowrap; /*기본값. wrap으로 지정 시 다음 줄로 넘어감, wrap-reverse*/ justify-c..