분류 전체보기

[들어가기 전에] Vue를 접하면서 점차 주어진 기능만 구현하려고 하는... 그러니까 돌아가기만 하면 된다는 마인드를 가진 이른바 'Coder'가 되어가는 걸 느꼈는데요..! 이를 지양하고자.. Vue에 대한 원리를 이해하고 기능적인 측면뿐만 아니라 성능적인 측면도 고려하는 게 좋을 거 같아 본 글을 작성하게 되었습니다 🙄 [브라우저에서의 렌더링 동작 과정] 가상 DOM을 알기 전에, 브라우저에서 렌더링이 어떻게 동작하는지 알아보겠습니다. 렌더링은 통신을 통해 요청한 HTML, CSS, JavScript를 받아서 화면에 뿌려주는 역할을 합니다. 화면에 Display하기 위해서는 DOM Tree와 Render Tree 이렇게 2가지 Tree를 필요로 하는데요,, Tree를 중점으로 렌더링 동작 과정을 기억..

[computed] 템플릿 안에 연산이 길어지거나 논리가 복잡해지면 유지보수하기 힘들다는 단점이 있습니다. 이런 경우 해당 연산이나 논리를 computed 안에 집어넣어 템플릿을 간결하게 할 수 있는데요. 하지만 우리는 method도 똑같은 역할을 한다는 것을 이미 알고 있습니다. method의 경우 20대인가요? {{ checkAge() }} computed의 경우 20대인가요? {{ checkAge }} 굳이 method도 같은 역할을 하는데.. computed를 사용해야 할까요? 바로 computed는 데이터가 바뀔 때만 실행되는 cache의 성질이 있기 때문입니다. computed를 사용하면 info.age의 값이 바뀌지 않는 한 아무리 여러 번 접근하더라도, 이전에 계산한 결과 값을 리턴합니다...

[시험 결과] 어제 사전점수발표여서 확인해 보니 합격했습니다...ㅋ 저번 SQLD 시험과 마찬가지로 턱걸이로 합격했는데 점수마저 똑같았어요. 시험은 08.19(토) 10:00에 봤는데 통합테스트 기간이어서 시험 준비하기가 쉽지는 않았네요...! [시험 준비] 대략 일주일 동안 퇴근하고 공부한 거 같아요! SQLD 시험과 마찬가지로 대충(?) 공부하려 했는데 생소한 개념이 많이 있어서 좀 더 시간을 투자했습니다. 순 공부량은 10~15 시간 하였네요,, 어디까지나 전공자 입장입니다! 데이터 분석에 대한 공부를 학부생 시절에 많이 다루지 못해서 그런가...? 시험 준비를 하는 게 SQLD 보다 훨씬 어렵게 느껴졌어요. 그중에서도 '데이터분석 기획' 과목이 어렵게 느껴졌는데요..! 점수를 보면 딱 알 수 있겠..

[반응형] 반응형을 한마디로 정의하라고 하면,, 무언가의 변화를 감지하여 반응하는 것 이라고 표현하고 싶습니다. 예를 들어, A 1 10 2 20 3 30 이러한 엑셀 시트가 있다고 생각해 봅시다. A3는 '=SUM(A1:A2)'라는 함수가 담겨 30이라는 값을 나타내는데요. 여기서 만약 A2의 값을 15로 설정하였다면 A3은 어떻게 바뀔까요? A 1 10 2 15 3 25 당연히 10 + 15 = 25 이므로 A3는 25라는 값을 나타낼 것입니다. 이러한 것이 반응형의 대표적인 예라고 할 수 있습니다! 반응형에 대해 알았으니 반응형이 엑셀 시트처럼 자동으로 적용되는지 알아봅시다. let A1 = 10; let A2 = 20; let A3 = A1 + A2; console.log('A3의 값: ',A3)..