본문 바로가기

전체 글125

[CSS] 웹 프로젝트 7일차! (flexbox froggy) 오늘은 챌린지 쉬는 날~~ 오늘만 푹 쉬기로 했다!!! ...... 였으면 좋겠지만 그래도 간단한 복습이라도 진행하기로 했다!! ㅋㅎㅋㅎㅎㅋ 오늘은 가장 헷갈리는 개념 중 하나인 flex를 쉽고 재밌게 뽀실 수 있는 게임을 해 보기로 했다! 목표는 개구리의 위치를 연잎에 위치하게끔 flex코드를 이용해 문제를 풀어나가면 되는 간단한 게임이다. 총 24stage로 구성되어 있다. ㅋㅎㅋㅎㅎㅋ 그나저나 개구리가 참 귀여운 것 같당 ㅎㅎㅎ flex익히는게 이렇게 귀엽고 재밌을 줄이야~~~ ㅎㅎ 이제 display:flex; justify-content: ; align-items: ; flex-direction: ; 이고 뭐고 다 덤벼~~~~ https://flexboxfroggy.com/#ko Flexbox .. 2021. 7. 12.
[Unity] 3D 게임 만들기 #4 (오디오 & 카메라 무빙) 드뎌... 아이템을 먹는 것 까지는 코딩을 한 상태인데... 효과음을 넣다가 무언가 잘못되었음을 깨달았다...... 으악 ㅠㅠ 아이템과 player가 충돌했을 때, item script에서 itemCount++; 와 setActive(false); 를 조작했는데 오디오 효과를 넣어 코딩하려 했을 때, 비활성화 구간에는 컴포넌트 함수가 실행되지 않는 문제가 발생해서... 결국... void OnTriggerEnter 함수를 player script로 아예 옮겼다... 으악... 이러쿵 저러쿵 우여곡절 끝에 player가 item을 먹는 것 까지 다시 완성했다.ㅎ... 그리고 게임의 빠질 수 없는 오디오를 넣어주었다. 오디오) 효과음은 아래의 유니티 에셋 스토어에서 유료 뿐만이 아니라 무료 오디오를 다운받을.. 2021. 7. 12.
[CSS] 웹 프로젝트 6일차! (border & padding & flex) 오늘은 2일차 CSS의 box 특징 margin, border, padding 중 border 와 padding에 대해 공부해 보았다. padding) border의 안쪽 공간 = box의 경계 안쪽 padding: 20px; -> padding을 20px 해라 border) margin 과 padding의 경계선 = box의 경계 border: 2px solid black; -> border을 2px의 검은색 실선으로 해라 FLEX ) -> flex는 레이아웃 배치 전용 기능으로 고안되었다. 기존 방식의 inline-block보다 훨씬 편하고 강력하다!! 1 2 3 이런 코드가 있다고 할 때, flex선언은 부모 요소인 body에 하고, body는 flex container라고 한다. 자식 요소인 di.. 2021. 7. 11.
[CSS] 웹 프로젝트 5일차! (CSS의 기본 문법 & margin) 오늘은 CSS를 처음 배우는 날이다. CSS를 HTML에 적용하는 방법부터 기본 문법, 특징까지 차근차근 배워 보았다. CSS를 HTML에 적용하는 방법) 1) HTML script 자체에 적용하는 방법 style 태그 안에 CSS 코드를 작성하면 된다. 2) CSS script를 HTML 파일에 적용하는 방법 link 태그를 사용해서 style.css란 만들어놓은 css파일을 html파일에 연결해주면 된다. 기본 문법) selector { property: value; } "selector에 value 값의 property를 적용한다."라고 이해하면 편하당ㅎㅎ {} 는 스타일 범위의 시작을 의미한다. ex) h1 { color: blue; font-size: 20px; } 이런식으로 적용하면 된다!! .. 2021. 7. 10.
[HTML] 웹 프로젝트 4일차! - 간단한 profile 웹 만들기!! 오늘은 HTML강좌가 끝난 기념으로 간단한 profile 웹을 만들어 보았다!!! 예에에에엥~~~! lable과 input을 사용해 text 입력칸, 파일 입력칸, range입력칸, 날짜 입력칸을 만들고 마지막에 Create 버튼으로 마무리 해 보았다!!! 코드) 2021. 7. 8.
42서울 - 체크인 미팅 오늘은 42서울의 첫 번째 온라인 테스트에 이어, 두 번째 관문 체크인 미팅이 있는 날이다. 코로나로 인해 비대면 zoom으로 미팅을 진행했다. 오전 10시에서 오후 7시 30분까지 아무때나 들어가서 미팅을 참여하면 된다. 그런데 역시나... 대기가 오래 걸린다.... 예전에 미팅을 진행한 친구의 조언을 따라 9시 40분쯤 들어가 바로 대기를 탔지만,,,, 결국 한 시간쯤 후인 11시쯤에나 미팅을 시작할 수 있었다. 미팅 시간은 약 2분 정도 걸렸다.... 뭔가 기다린 시간이 허무..... 그래도 뭐 깔끔해서 좋았당 ㅎㅎ 체크인 미팅) 미팅에서는 웹캠과 마이크가 필수이기 때문에 전에 한 번씩 테스트를 꼭 해보자!! 1) 간단히 본인확인 2) 건강 확인(코로나 관련) 3) 추후 일정 설명 이렇게 이뤄졌다... 2021. 7. 8.

티스토리툴바