본문 바로가기

What would life be If we had no courage to attemp anything?

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧36

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.05.11.수 Today I Learn 220511 오늘은 Vuex에 대해 학습하였다. Vuex를 사용하는 이유는 다양한 컴포넌트들이 있을 때 기존의 Vue환경은 각각의 컴포넌트마다 data를 들고 있지만, 그렇게 되면 emit과 props를 계속 거쳐 통신해야 하고 나와 같은 동기 component와 대화할 때도 여러명을 거쳐 통신해야 한다. 이러한 불편함을 해소하기 위해 Vuex를 사용한다! Vuex에서는 index.js라는 곳에서 (마치 공용통장) data를 관리한다. 그래서 빠르고 효율적인 통신이 가능하다. 하지만 공용으로 사용하다보니 편리성은 증가 된 반면 상태관리를 잘 해야하는 단점이 생겼다! 어쨋든, Vuex의 core 개념은 다음과 같다. - State 중앙에서 관리하는 모든 상태 정보 (data) .. 2022. 5. 11.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.05.10.화 Today I Learn 220510 어제 만들었던 과제에서 사실 /lotto/6으로 넘어가지 않는 오류가 있어서 path를 '/lotto/6'으로 지정해서 해결했는데, 오늘 왜 넘어가지 않았는지 발견하였다..! 역시나 휴먼에러였고 params를 parmas라고 적어서 생긴 오류였다....!! 또 로또 페이지에서 숫자 6개를 뽑는 함수에서 this.$router.params.lottoNum이라 적어서 오류가 생겼었다!!! this.$route.params.lottoNum으로 해야 하는데, lunch페이지에서 lotto페이지로 넘어갈 때 this.$router.push라고 적어서 route와 router가 헷갈렸다! 왜 lunch페이지에서는 다른 URL로 이동하려면 this.$router.push라 쓰는 .. 2022. 5. 10.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.05.09.월 workshop - Vue CLI 오늘은 Node.js를 설치하고 Vue CLI를 이용해 Vue Router앱을 설치하고 이를 통해 로또번호 추첨기(?)와 점심메뉴를 고르는 페이지를 구성하는 과제를 했다. javascript만을 이용해 이 페이지를 구현할 때는 사실 좀 힘들었는데, lodash를 import해서 쓰니 숫자를 가져오는것도 훨씬 저번보다 편했다!또한 점심메뉴 고르는 것도 lodash를 사용하니 코드가 한결 간략해진거 같다. 또한, Vue CLI를 통해 화면을 구현하니 전보다 훨씬 깔끔하고 비동기화 시키는 것도 알아서 되니까 좋은거 같다. 지난주와 그전 주에는 javascript에 적응하느라 힘들었지만 프레임워크를 사용해 구현하는건 아직 어려워도 재밌는거 같다. App.vue Lunch | L.. 2022. 5. 9.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.05.06.금 Today I Learn 220506 오늘은 AJAX통신을 이용해 서버에서 JSON데이터를 받아와 비동기로 화면을 구성하는 과제를 진행하였다. 언제나 그렇듯 오류를 만났다. 아직 axios를 사용하는 방법이 익숙하지 않아서 휴먼에러가 많이 났었다. 어려웠던 점 유저 팔로우 기능을 구현하는데 url을 착각해서 accounts/pk/follow/가 되어야 하는데, accounts/username/follow로 만들었다. 그래서 404 오류를 만나서 1시간 넘게 구글링 하다가 network 보는법을 공부했다...^.ㅠ 그 중 나중에 기억하기 위해 남겨놓는 블로그 링크(https://github.com/Lagom92/TIL/blob/master/web/400%20%EC%97%90%EB%9F%AC%20%ED%95.. 2022. 5. 6.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.05.03.화 보호되어 있는 글 입니다. 2022. 5. 3.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.05.02.월 Today I Learn 220502 오늘은 비동기와 동기에 대해 배웠다. 비동기와 동기의 개념은 다음과 같다. 동기 :순차적, 직렬적 Task 수행 , 요청을 보낸 후 응답을 받아야만 다음 동작이 이루어짐 (blocking) 비동기 :병렬적 Task 수행, 요청을 보낸 후 응답을 기다리지 않고 다음 동작이 이루어짐 (non-blocking) JavaScript는 single threaded여서 컴퓨터가 여러개의 CPU를 가지고 있어도 main thread라 불리는 단일 스레드에서만 작업을 수행한다. 이는 이벤트를 처리하는 Call Stack이 하나라는 것을 의미한다. 이 문제를 해결하기 위해 JavaScript는 즉시 처리하지 못하는 이벤트들을 다른곳 (Web API)으로 보내서 처리하도록 하고, 처리.. 2022. 5. 2.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.04.28.목 Today I Learn 220428 setAttribute()는 거의 사용하지 않음 setAttribute는 너무 강력해서 거의 사용하지 않음. 이는 inline으로 스타일을 적용하는 것이라 CSS 파일에서 적용한 설정보다 우선으로 적용됩니다. 때문에 잘 사용하지 않는다!! 따라서, 정확히는 setAttribute()와 classList가 다루고 있는 대상의 범위가 다름 #setAttribute()는 HTML 요소에 inline 스타일로 어떠한 속성을 추가하는 것 -class 속성 -style 속성 -href 속성 -....등등 #classList()는 요소의 여러 속성 중 하나인 클래스 속성만을 다루는 것 요소에 클래스를 추가/변경/제거 하는식으로 요소를 동적으로 다루고 싶다면, classList를 .. 2022. 5. 2.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.04.27.수 Today I Learn 220427 오늘은 JavaScript의 Dom 조작에 대해 배웠다. 잊고있던 html&css 개념을 끄집어오려니 좀 헷갈렸다. 이번주 금요일에 다시 한 번 쓱 훑어봐야겠다. 오늘 워크샵 과제를 하는데 약간 내용이 이해가 안되어서 과제 풀이하는데 어려움이 있었다. 속성값 지정해주는건 잘 했는데, tag를 연결해 줄 때 약간 헷갈렸고 // div#app 요소 선택 const divTag = document.querySelector('#app') // h1 태그를 createElement 로 생성 const h1Tag = document.createElement('h1') // 생성한 h1태그의 내용을 '오늘의 Todo' 로 설정 h1Tag.innerText = '오늘의 Todo' .. 2022. 5. 2.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.04.25.월 오늘은 JavaScript를 새로 배우기 시작했다. 또한 오늘은 Java의 조건문에 대해서 공부했다. 오늘 든 생각은 최근에 정보처리기사 필기시험을 공부하면서 보았던 Java나 C언어 코드들이 지금 배우는 JavaScript와 결이 비슷하다고 생각되었다. 파이썬을 먼저 배우고 배우다보니, 파이썬은 이런데 굳이...? 이렇게 쓰네... 이런 생각이 가끔 들지만 각각의 언어마다 장단점이 있다고 생각한다. 오늘 배우면서 신기했던 점! JavasScript는 브라우저 조작하는 유일한 언어이다. 그래서 F12 개발자도구의 console창을 이용하여 코드를 작성할 수 있다는 점이 신기하게 다가왔다. JavaScript를 배우는 이유는 브라우저(BOM)과 그 내부의 문서(DOM)를 조작하기 위해 학습한다. 오늘의 나.. 2022. 4. 25.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.04.22.금 오늘은 M:N을 이용하고 REST API를 활용한 페이지 구현을 하였다. 사실 M:N의 개념이 아직 명확하게 정립되지 않아서 models.py와 serializers.py를 작성하는데 힘들었다. 또한, python manage.py loaddata movies/actors.json movies/movies.json movies/reviews.json 할 때 계속 오류가 났다. 그래서 models.py 부분을 다음과 같이 수정했다. from django.db import models # Create your models here. class Actor(models.Model): name = models.CharField(max_length=100) class Movie(models.Model): title.. 2022. 4. 22.

이전 1 2 3 4 다음

티스토리툴바