[12/13 부트캠프] 카타, 강의: 노코드 종합반 1·2주차, WIL

 

내일배움캠프 D-38 (8주차)

 

📌To Do List

* 카타: IOS vs 안드로이드 발표 ✅

* 강의: 노코드 종합반 1·2주차 🤔 (1주차 완료, 2주차 진행중)

* 튜터님의 결혼 축하~!

 

 

 

01 카타: IOS vs 안드로이드

✏️이전에 배웠던 것을 복습하는 느낌

전에 찾았거나 배웠던 것을 다시 복습하는 느낌이 들었다.

터치 제스처의 종류에 뭐가 있고 어떻게 사용하는지를 안드로이드와 ios를 기준으로 나눠서 봤는데

미묘하게 같은 것 같으면서도 달라서 조금은 헷갈리기도 했다.

기본적으로 명칭이라던지

(ios:  navigation bar / android: top app bar)

디자인, 기능들이 그랬다. 완전히 다르다고 하면 이해가 될텐데 미묘~하게 다르다.

 

내비게이션 종류도 이런게 있다는 걸 처음 알았다...

횡방향, 전방향, 역방향..

나 잘 이해하는거 맞겠지..?

 

 

툴팁의 종류도 우리가 보통 아는 말풍선같은 툴팁은 레이블이 없는거고

?(물음표) 아이콘? 같은것을 눌러서 나오는건 레이블있는 툴팁이라고 보면 된다!

 

 

알림도 정말 꼼꼼하게 찾아오셨는데 이렇게 다양한 알림들이 존재한다!

때와 상황에 맞게 사용할 줄 알아야한다.

 

 

 

02 튜터님 결혼 축하핑👰🤵💐

✏️오늘의 도파민은 이거!

이 슬랙을 시작으로 피그마링크에 들어갔는데 어떤 사람이 화환을 몇십개를 생성해서 축하해주는 진귀한.... 환경을 봤다 ㅋㅋㅋ

 

그래서 

이런 화환을 시작으로

 

 

갖가지 일러스트를 이용해서 튜터님의 결혼식 장면을 생각하며... (이동욱과의 결혼)ㅋㅋㅋ 꾸며보았다. 

그러더니 다른 수강생분들도 오셔서 마구 꾸며주심.

실루엣만 봐도 이쁘다아

 

 

 

전체화면은 이렇다..ㅋㅋㅋ기가막히고 코가막힘

 

 

 

그래서 또다시 생각난 아이디어,,, 결혼식 현장에서의 ㅎㅈ님의 카톡내용은 어떨까? 이러면서 후다닥 만들었는데

많은 분들이... 참여해주셨다. 튜터님까지 참여 완룡 ㅋㅋㅋ!!!

 

 

강의 듣고온사이에 갑자기 이렇게 됨 ㅋㅋㅋㅋ

바로 소방차 일러스트 데려와서 불꺼주기...🔥🔥

 

진짜 미치겠다...ㅋㅋㅋㅋ 갔다왔더니 이런게...ㅋㅋㅋㅋ

바로 소주랑 안주 적셨다.

 

도파민을 뒤로하고 다시 강의들으러.

 

 

 

 

 

02 강의: 노코드 종합반 1·2주차

✏️웹플로우

 

보고 따라하는 것 마저도 어려웠다.

자꾸 양쪽 마진이랑 패딩값이 붙는문제

selector를 어떻게 설정하는지 모르는 문제

div 태그가 왜이렇게 많지? 하는 문제

등등!!!!!!!!!!

하나하나 이해하기위해서 천천히하다보니 오늘에서야 겨우 강의1을 완료할 수 있었다.

 

천천히 실습하면서 이해하니까

뒤로가면 갈수록 이해력이 빨라졌다.

몇몇의 이해 안가는 문제만 해결하면 금방 웹플로우를 할 수 있을 것 같다

 

 

 

 

(Desktop) 1 → 4으로 가는건 수정할 때 영향을 미치지만,

(Mobile) 4 → 1로 가는건 수정 시 영향 미치지 않는다.

 

 

 

2주차에서는

1. 블로그만들기

2. 노코드 에어테이블 연동하기 (블로그에서 입력된 데이터를 받을 수 있는 툴을 학습한다)

여기까지 하고 이제 9시가 되었다.

오늘은 불금이기때문에 치킨을 먹으로 가봐야한다! (언니가 지코바치킨 시켰다 ㅎㅎ)

 

 

 

 

WIL

Facts

이번 일주일 동안 있었던 일, 내가 한 일

 

-  코딩학습, 코딩과제 + 이전 UX과제를 병행하며 일주일을 보냈다.

- html, css란 무엇인지 실시간 강의를 통해 배웠다.

- 배운 것을 토대로 나를 설명하는 블로그페이지를 만들었다. 완벽하게 만든 것은 아니지만 float기능이 되는 블로그 gnb바를 구현하였다. 만든 것을 봤는데 뿌듯하기도 하면서 와.. 밤새 만든게 gnb바 하나라는 사실에 충격도 먹었다🙄

- 모르는 게 있으면 팀한테 물어봤다. 그래서 해결한 것들이 많다,, 든든했다 ㅎㅎ

 

 

 

Feelings

나의 감정적인 반응, 느낌

 

- 코딩 배울 때 자꾸만 졸음이 쏟아졌다...ㅋㅋㅋ 재밌긴한데 졸음이 쏟아지는 건 왜일까..

- 정말 모르는 사실을 배우는 느낌이라 머리가 아팠던 일주일이었다. 진통제를 몇 번 복용하며 공부했다.

- 강사님께서 유치원수준으로 가르쳐주셔서 너무 감사했다...ㅋㅋ

- 전에 그래도 공부해놔서 너무 어렵지는 않았지만 그래도 어려웠다. 하지만 너무너무 재밌었다! 아무래도 어려운 java script를 아직 배우지 않아서 그런 것 같다.... css까지만 해도 할만한데 javascript들어가는 순간 포기하고싶을 것 같다..ㅋㅋ!!

- 팀원 중에 코딩 잘 하시는 분이 계셨는데 제 문제점을 알아봐주시고 직접 해결해주시려고 하는 모습이 너무 보기 좋고 감사했다.

 

 

Findings

그 상황으로부터 내가 배운 것, 얻은 것

 

- html은 전체 뼈대 틀을 잡는거고, css는 꾸미는거다.

<div>는 만능 태그! html태그인 <li>나 <table>태그도 모두 <div>태그 + css로 구현할 수 있다.

flex: 가로 정렬, 배치를 어떻게 하느냐?

grid: 표 라고 생각하면된다. colomn(세로, 열) / row(가로, 행) 맞나? 암튼 표 형식으로 그리드를 짜서 규칙있는 레이아웃을 만들 수 있다.

position: fixed, sticky, absolute! 피그마 기능에 있는 요소의 기능을 학습했다. 

absolute는 부모요소가 있다면 부모 요소를 기준으로 좌우상하 이동하는 것이고, 블록에 영향을 받지 않는다.ㅏ

반면 relative는 현재 요소가 있는 위치를 기준으로 상하좌우 이동 가능하다.

이 부분이 진짜 헷갈렸는데 보다보니 이해됐다.

 

- 튜터님의 아주 초긍정적인 성격과 밝은 성격 때문에 코딩이 재밌을 수 있었다. 별거 말 안해도 웃음이 많으셔서 하하호호했다. 나도 튜터님의 그런 모습을 닮고싶었다! 너무 친절하시고 꼼꼼하게 잘 알려주셨다.. 갬동..ㅋㅋ 그리고 남자튜터님도 코딩은 원래 어렵다 그럴땐 그냥 욕해라~ 이러면서 늘상 있는 일인것마냥 말씀해주시고 이해안되는 것 같은 표정을 지으면 진짜 이해될때까지 알려주시려고 하셔서 갬동이었다ㅋㅋ!! 

- 요새는 과제도 많고 체력도 안돼서 남들이 질문한 것에 대해 관심가질 시간이 없었는데 그 문제에 관심을 가져야 내 문제도 풀린다고 생각했다. 추후에 나의 문제점이 될 수도 있는 것이니...!! ㅠㅠ

 

 

 

Future

배운 것을 미래에는 어떻게 적용할 지

 

- 팀원, 수강생이 질문한 것을 내 문제라 생각하고 적극적으로 문제해결하자.

- 체력...을 어떻게 키울까.. 운동을 해야하는데 ㅠㅠㅠ!! 어차피 못지킬 것 같으니 지키지못할 약속은 안하겠다. 영양제랑 밥 잘 챙겨먹기.

- 밀린 강의, 못한 과제는 시간남을 때 다시 한 번 보자. 나중에 또 문제가 생길테니!!

 

 

 

 

 

마무리하며...

저녁시간만 되면 저녁안먹고 바로 자는 주간이었다.

1시간동안 그래도 누웠다가 일어나면 그나마 체력이 회복됨..

 

요새 너무 집에만 있다보니까 좀 답답하기도 하고 밝음? 웃음?을 잃은느낌이다.

이번 주말은 친구들하고 맛있는거 먹으면서 회포를 풀어볼란다!!!