m-sun 님의 블로그

오늘은 aws 코리아 사옥을 다녀왔다 !  아침부터 지옥철에 정신이 없었지만 건물을 들어가니 엄청 큰 건물 내부가 눈에 들어왔다.큐알을 받은 게 있어서 찍고 들어가려고 했는데 안 찍혀서 뭔가 했더니 내가 가야할 곳은 east 쪽이었다.west에서 찍으려고 해서 들어가지지 않았다.안내를 받은 곳으로 가면서 내부를 구경했는데 엄청 커서 건물 안을 걷는게 아니라 지하 통로를 걷는 기분이었다. \ ㅇㅁㅇ / !!다행히도(?) 1층에서 같이 듣는 수강생 분들을 만나서 함께 18층으로 올라갔다.  18층엔 우리만 참관 수업을 해서 편하게 커피도 뽑고 자유롭게 다녔던 거 같다.커피를 마음껏 마실 수 있어서 오늘 왕창 마셨다 ㅋ.ㅋ10:30부터 16:30까지 팀원과 aws 과제를 진행했다.점심시간엔 도시락을 주셔서 맛..

안녕하세요 ..ㅎㅎ정말정말 오랜만에 블로그를 쓰러 왔습니다.그동안 무엇을 했길래 안썼냐하면,,,딱히 크게 뭐 없었습니다!! 사실은미니 프로젝트와 리액트를 새로 배우면서 블로그를 매일 쓸 에너지가 남아돌지 않더라고요.그럼에도 꾸준히 블로그 쓰신 다른 수강생 분들,, 존경합니다 bb  오늘은 무슨 주제로 돌아왔냐면요, Api 응답 데이터를 React 상태로 관리해야 하는 이유입니다.  TMDB를 사용한 영화 리스트를 만들고 있었는데api 응답 데이터를 바로 가져와서 쓰는 게 아니라 상태로 관리를 해야 하는 이유를 크게 궁금해하지 않고코딩을 했었는데요, 이 주제를 블로그에 써놓으면 좋을 거 같다고 생각했습니다.  1.  UI 업데이트를 위한 상태 반영React에서는 상태가 변경될 때마다 컴포넌트가 다시 렌더..

오늘은 todo list를 만들어보았다.여태까지 배운 내용이 들어간 과제다.     자바스크립트 코드const todoList = document.getElementById('todo-list')const todoForm = document.getElementById('todo-form')let todoArr = [];// 오늘 날짜 추가const app = document.querySelector('.app')const date = document.createElement('div')let today = new Date();const year = today.getFullYear();const month = today.getMonth()+1;const dt = today.getDate();date.tex..

오늘은 어제 학습한 내용을 정리하는 느낌으로 글을 적을게요⭐️⭐️⭐️  무엇을 배웠냐!JSON과 로컬 스토리지를 배웠습니다. 그게 뭔데!(하나씩 알려드리죠.)  JSON이란- 자바스크립트 객체 표기법(JavaScript Object Notation)- 더 쉽게 데이터를 교환하고 저장하기 위하여 만들어진 텍스트 기반의 데이터 교환 표준- 텍스트 기반이므로 어떠한 프로그래밍 언어에서도 JSON 데이터를 읽고 사용 가능  JSON 구조- JSON 객체는 중괄호({})로 표현- 일반적으로 JSON파일에는 주석을 달지 않음{ "INTJ": "전략가", "INTP": "논리술사", "INFJ": "옹호자"}  JSON 배열- JSON 배열은 대괄호([])로 표현{"dog": [ { "name"..

오늘은 어제 배운 내용을 바탕으로 로또 번호 추첨 게임을 만들어 보았다. 🎱 선택 과제라 최대한 할 수 있는 곳까지 만들자! 라는 마인드로 우다다다  만들었다.학습 내용이 로또 번호 추첨 프로젝트를 따라해보는 거였어서만들 때 기본적으로 들어가야 하는 부분은 학습 내용을 참고해서 만들었다.   바아로 결과물부터 ㄱㄱ로또 번호 추첨오늘은 js 기능 구현에 더 집중하느라 css는 빠포   자바스크립트 코드const generateWinningNumbers = document.getElementById( 'generateWinningNumbers');const generateLottoNumbers = document.getElementById('generateLottoNumbers');const winnin..

오늘은 배열, 클래스 리스트, Math 객체를 배웠다.그 중에서 배열과 클래스 리스트를 이용해 햄버거 주문서를 만들어 보았다.    바로 결과물부터 보자이미지 출처https://img.freepik.com/free-vector/receipt-template-collection-with-realistic-design_23-2147917744.jpg 자바스크립트 코드// 아이템 리스트 배열const itemlist = [];const ul = document.getElementById('itemList');// 아이템 추가 버튼 클릭 시 호출되는 함수function addItem() { let input; do { input = prompt('햄버거를 적어주세요'); } while (input =..