일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- react
- Nomad
- 오류
- 바닐라 자바스크립트
- HTML
- Vanilla
- TiMER
- react-hook
- expo
- Nicolas
- Hook
- 마무리
- 클론코딩
- Clone
- Netflix
- 느낀 점
- coding
- Nomad coder
- 계획
- vanilla js
- scflix
- CSS
- javascript
- 자바스크립트
- Firebase
- github
- 코코아톡
- Project
- react-native
- 프로젝트
- Today
- Total
목록마무리 (6)
꾸매코딩
서론 학생 때 개발자 선배님들이 적는 연말 회고가 왜 그리 멋있었는지,, 나도 개발자로 일하게 되면 기필코 적겠다고 마음을 먹었었다. 개발자로 일을 하게 되었기에 앞으로 꾸준히 회고를 작성할 예정이다. 1. 첫 직장 21년의 시작은 나의 전공, 관심사와는 전혀 관련 없는 쇼핑몰 관리 업무를 얻으면서 시작했다. 코딩이 아닌, 상품 페이지를 관리하는 일이었고 첫 직장의 인상은 그리 좋지 않았다. 6개월 뒤 직장을 그만두게 되었다. 누구나 앉혀놔도 할 수 있는 업무, 모두가 돈 만을 쫓으며 모인 집단. 회사에 출근하시는 대부분의 분들이 좀비 같았고, 목표나 직책에 따른 책임 의식은 찾아볼 수 없었다. 그냥 출근해야 하니 하고, 퇴근할 시간이 되니 하는 것이다. 살기 위해 돈이 필요한 것은 당연하다 생각한다. ..
결과 프로젝트 진행 중 발생한 문제 시뮬레이터 없이 Expo App으로 결과를 확인하는데 App 자체의 오류가 종종 발생했다. 오류 발생 시 어떤 부분에서 오류인지 자세히 알려주지 않는다. 웹(Web) 앱(App) 화면이 다르게 나오고, 안드로이드에서 이상 없던 화면이 Web에서는 오류가 발생한다 느낀 점 React-Native를 직접 사용해보면서 React와 많이 차이는 안난다고 느꼈다. 이론 수업보다는 확실히 직접 해보며 문제에 부딪히는일이 힘들지만 효과적임을 느꼈다. 회고 스스로에게 실망스러운 프로젝트였고 기간 약속 또한 지키지 못하였다. 가장 큰 원인은 내가 안일하게 진행을 했던것이고, 다른 원인은 이력서 작성 및 면접 준비, 백신 2차등의 상황이 있었다. 그래도 처음 앱(App)을 만들어보고 내..
결과물 https://loving-einstein-68589f.netlify.app/ React App loving-einstein-68589f.netlify.app 결과 슬라이더 포함하여 모든 페이지를 반응형으로 변경하였다. netlify를 사용하여 배포를 완료하였다. [ 상세 페이지 ] 회고 프로젝트를 계획하고 만드는 기간 중 이런저런 일들이 있었지만, 무사히 마무리한 것 같아서 다행이라고 생각한다. 프로젝트는 목표했던 기간보다 늦어졌다. 어디서 본 내용중에 프로젝트를 2일 안에 완료할 거 같으면 2~2.5배를 늘린 4~5일로 기간을 정하라는 글이 뒤늦게 생각났다. 그만큼 알지 못하는 오류와 변수들이 숨어있다는 뜻이라고 생각했었는데 직접 느껴본 것 같다. 저번 프로젝트를 마무리하고 회고 할 당시에도 ..
결론 [ 로그인 화면 ] Create Account를 누르면 계정을 만들 수 있다. Log in 상태에서 만들어진 아이디로 로그인하면 로그인 가능하다. Login 기능은 Firebase의 Authentication을 활용했다. [ Timer 화면 ] 타이머의 시작, 정지, 종료, 시간과 내용 저장 기능을 만들었다. FontAwesome을 통해 무료 아이콘을 이용했다. Send 버튼 클릭 시 새로운 DB로 내용(시간-Text들)이 저장된다. [ Contents 화면 ] 다른 Id로 Send 한 내용도 볼 수 있다. - 공유 목적 [ About 화면 ] Log Out을 누르면 Log Out이 된다. 회고에 대한 나의 이해 프로젝트 기간을 돌아보며, 부족한 부분과 긍정적인 부분을 되돌아보는 것 이를 통한 성장..
결과 스타일 변경 초기화 기능을 추가 Font Awesome 아이콘은 fontawesome 위 사이트를 통해 받아왔다. 코드 [ timer.html ] 00:00:00 [ style.css ] 간단한 배치와, 크기만 설정해 주었다. .timer-box { display: flex; flex-direction: column; align-items: center; margin-top: 125px; } .timer { font-size: 60px; margin-bottom: 30px; transition: all 1s; } .timer-form__Btn { display: flex; flex-direction: row; justify-content: center; text-align: center; paddi..
우선 느낀 점을 말씀드리기 전에 저의 배경지식을 말씀드리자면, 컴퓨터 공학을 전공하였고 졸업 작품으로 웹 관련 프로그램을 만들었습니다. 체감 난이도는 각자 다를 것이라 생각하기 때문에 참고만 해주시면 감사하겠습니다. [난이도 - ★★☆☆☆] 강의 초반에 설명해주는 개념만 알아도 충분하다. 컴퓨터 전공이기도 했고, Python과 Java를 어느 정도 알고 있어서 수업 듣기에 편했던 것 같다. 비전공자분께서 처음 듣는다면 난이도가 있을 것이라고 생각한다. 영어로 수업하시는데, 자막 번역이 직역으로 되어있다는 느낌을 받았다. 자막이 이해가 안 될 때 영어를 들어보는 것을 추천한다! 2021 버전으로 강의가 업데이트되면서 자막이 보기 훨씬 수월해지고, 전 강의보다 설명을 더 꼼꼼히 해주셔서 이해하기 더욱 편하다..