개발조각

자바스크립트로 현재 날씨 API를 가지고 와 보겠습니다. 날씨 API는 아래 사이트를 사용했습니다. 날씨 앱, 웹 만든 사람들 보니까 대부분 openWeather를 사용해서 저도 한번 사용해보았습니다.😊 Сurrent weather and forecast - OpenWeatherMap Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location on Earth including over 200,000 cities! The data is frequently updated based on the global and local weather models, satellites, radars and a vast ..

본격적으로 자바스크립트로 작업을 시작했습니다.😁 디자인 작업에서 줄 친 부분을 보시면 날씨 웹이기도 하지만, 시간도 표시해줍니다. 날씨 API 끌어다가 넣는것보다 시계를 만드는게 빠르겠다고 생각이 들어 시계부터 만들어주었습니다. 구현해야 할 기능 (예시 : 오후 01 : 03) 무슨 요일인지 구현 시, 분 구현 "시"일 경우 오전, 오후 구분하기 시, 분이 10보다 작을 경우 0 붙이기 시계 기능은 아래 블로그를 참고해서 만들었습니다. https://mengkkoit.tistory.com/6 자바스크립트 시계 만들기(현재 시간 가져오기 getDate) 자바스크립트에서 현재 시간을 가져와서 매초마다 변경되는 실시간 시계를 만들어 보겠습니다. 아주 간단합니다 Date Object를 가져와서 시간 분 초를 뽑..

이번에 간단하게 javascript로 날씨 웹을 만들어볼 예정입니다.😊 이번 날씨 웹은 간단하게 만드는거라 반응형으로 안만들었고, 한눈에 보이기 위해 모바일 크기로 제작하였습니다. 저는 디자인 작업 안하면 못만드는 병이 있어서...😅 디자인 작업을 해주었습니다. 디자인 작업은 처음 피그마를 써봤는데 처음 써봐서 좀 버벅거리긴 했지만 그동안 써온 디자인 툴(포토샵, xd)와 유사해서 금방 익숙해졌습니다. (디자인은 핀터레스트를 참고해서 간단하게 디자인해보았습니다.) HTML 서울, 강서구 날씨 아이콘 맑음 바람 습도 container로 모바일 크기를 만들고 top, middle, bottom (3구역)으로 나누어 구성해주었습니다. (svg는 fontawesome에서 가지고 왔습니다.) https://fon..

이번에 엘리스에서 스터디를 하게 되었습니다.😊 (스터디는 5주 동안 진행되며, 현재 4주 정도 남았습니다.) 이번 스터디를 통해 내가 무엇을 만들어봐야 도움이 될까에 대해 고민을 많이 해보았는데요.🤔 역시 안 해본 걸 해보는 게 가장 좋겠다는 생각이 들었습니다. API 사용해보기 : 날씨 웹 만들기 리액트로 무언가 만들기 저는 이 두 가지를 해볼까 합니다. 1. API 사용해보기 그동안 화면과 기본적인 기능만 만들어봤지 제대로 된 프로젝트를 만들어본 적이 없고, API를 사용해본 적이 없어서 이번 기회에 사용해보려고 합니다. 그래서 API의 기본 중에 기본인 날씨 API를 사용해서 날씨 웹을 만들어볼까 합니다. 기간은 2주 정도 잡고 생각하고 있습니다. 2. 리액트로 무언가 만들기 그동안 리액트를 약간 ..

안녕하세요. 개발조각입니다.😊 엘리스 AI 트랙 5기 3주 차 후기에 대해 써보겠습니다. 3주 차 주제는 "자바스크립트 2"입니다. 자바스크립트는 배울 내용이 많다 보니 3주로 구성이 되어 있는 것 같아요. 이번에도 어김없이 월, 수는 실시간 강의 화, 목 , 금은 온라인 강의 금~일에는 테스트, 알고리즘 문제집, 자바스크립트 문제집 정답이 나옴 3주 차에서 달라진 점은 스터디를 시작했다는 점입니다. 엘리스 AI 트랙에서 모든 레이서분들은 다 스터디를 참여해야 합니다. 이번 3주 차부터 본격적으로 스터디를 시작하는데 엘리스로 공부하는 것도 바쁘고 따로 알고리즘이나 cs공부 등 할 공부도 많고.... 스터디까지ㅋㅋㅋ 해야 되다 보니 공부할 수밖에 없는 구조를 만드는 것 같아요.😂 (내가 선택했지만 너무 힘..

안녕하세요. 개발조각입니다.😊 벌써 일주일이 지났네요. 너무 바쁘다 보니 점점 요일 개념이 사라지는 기분에요😂 2주 차 주제는 "자바스크립트 1"입니다. 어김없이 월, 수에는 실시간 강의를 했고, 화, 목, 금은 온라인 강의를 했습니다. 금~일사이에는 테스트를 보고요. 실시간 강의 이제 실시간 강의는 좀 익숙해진 것 같아요. 저번 주에는 어색하기도 하고 찾는 것도 힘들었는데 스킬이 생겨서 바로바로 틀고 듣습니다. 그렇지만 실시간이다 보니 컴퓨터가 좀 느려져서 코드를 칠 때.... 버벅거려서 너무 힘들어요😂 제가 타자 속도보다 느리니 답답하긴 한데 실시간 때만 그런 거니 그러려니 해야죠... 수요일에는 강의 중간에 갑자기 접속이 끊기긴 했지만;;; 수업에는 지장이 없었습니다. 이번에 처음으로 자바스크립트를..

안녕하세요 개발조각입니다.😊 벌써 2022년의 반이 끝났습니다!!! 왜 이리 시간이 빨리 흘러가는지 시간을 붙잡고 싶을 정도로 너무 빨리 지나가네요. 이번에도 굿노트로 기록해 보았습니다. 이번 달은 엘리스 AI 트랙 때문에 일정이 바쁩니다. 다이어리를 보시면 보라색으로 표시된 것이 다 엘리스입니다ㅎㅎ 그리고 역시나... 생각대로 목표를 실행을 못했습니다😂 못한 이유는 제로베이스 때문입니다. 제가 제로베이스도 고민해서 회원가입을 했더니 10일부터 30일까지 html, css, 자료구조/알고리즘을 들을 수 있는 강의가 있었거든요. 무려 자료구조/알고리즘 강의가 자바스크립트로 설명한다는데 무조건 들어야죠!! 그리고 쭉 둘러봤는데 html, scss로 네이버 주문하기 클론 코딩하는 게 너무 좋더라고요. 그래서 ..

안녕하세요. 개발조각입니다.😊 벌써 엘리스를 한지 일주일이 지났습니다. 진짜 정신없이 지나간 것 같아요... 가능하면 매주 1주차부터 24주 차까지 써볼까 합니다. 이번 1주차의 주제는 "웹 시작하기" 입니다. 수업은 (월, 수)에는 실시간 강의를 하고, (화, 목, 금)은 온라인 강의를 합니다. 실시간은 HRD-Net은 QR로 체크하고, 온라인은 mOTP으로 합니다. 금요일에는 테스트를 봅니다. 실시간 강의 월요일에 실시간 강의를 했는데 처음이다 보니 HRD 측에서 오류가 나서ㅋㅋㅋ 출결이 안돼서 시작부터 삐그덕 거렸습니다. 그리고 처음이다 보니 엘리스 실시간 강의에 익숙하지 않다 보니 정신없었습니다. 무엇보다 틀어야 되는 창이 너무 많았습니다. 강의 : 엘리스 소통 : discord 수업 진행도 체크..