林's

SPA가 대략 어떤 방법론인지 알고, SPA의 클라이언트 사이드랜더링이 무엇인지 먼저 알고 오셨으면 좋겠습니다! 서버사이드 렌더링 html을 서버에서 사용자에게 완성해서 보내준다. 홈 주제1 주제2 홈 안녕친구들~ 장점 응답이 오면, 바로 그릴 수 있다. 페이지마다 고유한 URL을 갖기 때문에 검색어 최적화 문제가 없다. 쉽게 말해서, 구글 검색봇이 내 사이트를 잘 읽어가서 검색 결과에 올려준다는 말! 단점 헤더나 푸터같이 동일하게 보여지는 부분을, 요청할 때마다 같이 받아오니 낭비가 발생한다. 잘 생각해보자, 우리가 jsp를 사용하던 시절, include 폴더에 헤더랑 푸터를 넣어두고 index.jsp 에서 붙여다 썼던 시절을!! AJAX 의 등장 Asynchronous JavaScript and XM..

자바스크립트 ES6 부터 추가된 const, let의 특징을 알아보고 var와의 차이점을 비교해본 글입니다. PDF를 다운로드 하여 보시는 걸 추천드립니다. ^^

이 문제는 삼성 역량 테스트 기출문제입니다. 당시 기억으로는 버스가 이동할 수 있는 경로의 가짓수를 구하라는 문제였는데. 놀랍게도 하루만에 복기돼서 버스가 파이프로 바뀌었던걸로 기억하고 있습니다. ㅋㅋ 그 때는 버스의 시작모양이 세로일 수도 있고 대각선일 수도 있었던 것 같은데. 이번 문제는 반드시 파이프(=버스)가 가로로 시작하네요~ 여담이지만, 최근 이 문제의 제한시간을 0.5초로 줄였더군요! 그래서 더욱이 DP가 아니면 풀 수 없는 문제가 되고 말았습니다. 파이프1번 문제의 경우에는 BFS로 풀다 시간초과로 털리는 쓴맛을 보았기에,, 이해도 된 겸 포스팅으로 DP적 접근에 관한 아이디어를 나눠보겠습니다. 1). 점화식이란 무엇일까? DP는 흔히, 점화식을 세운다라고 표현하곤 합니다. ...더보기 (..

트래버스라는 유명한 웹 개발자분의 유튜브 영상에 나온 ppt 내용을 번역한 문서입니다. 많은 생각을 하게 되네요 ^^ 충분한 휴식을 취하지 않는 것. 우리 뇌에게 휴식을 주자. 생산성이 올라간다. 도움을 청하지 않는 것. 부끄러운 게 아니다. 시간을 낭비하게 된다. 자신이 더이상 학생이라고 생각하지 않는 것. 항상 자신이 학생이라고 생각하자 기술은 항상 변한다 지저분한 코드를 짜는 것 깔끔하고 효율적이고 안전한 코딩을 하라 클린코드에 대해 공부하고 연구해볼 것 성능에 초점을 맞출 것 작은 프로젝트일지라도 테스트를 반드시 해볼 것 일과 삶 사이의 불균형 가족 및 친구들과 지내는 시간을 충분히 가질 것 스스로가 행복해질 수 있는 무언가에 시간을 할애할 것 미래에 대해 지나치게 두려워하지 말 것 균형잡힌 삶을..

프론트앤드 개발자라면 한 번쯤은 들어봤을 법한 기능인 emmet, emmet을 사용하면 귀찮게 태그를 일일이 입력할 필요가 없다. 예를들어 div 태그 밑에 ul을 만들고 ul 밑에 li를 3개 만들고 싶다면, div>ul>li*3 을 치고 tab 키를 눌러주면 다음과같이 짠 하고 만들어주는 게 emmet이다. vscode를 사용해서 react를 개발할 때, script 태그 안에서 돔 엘리먼트를 만들 때가 많은데, 이 때 emmet이 작동하지 않을 수 있다. 이를 해결하려면 settings.json 파일에서 emmet에 리액트 환경을 추가해주면 된다. 우선 settings.json 파일을 열려면, (단축키: Ctrl + ', 쉼표' ) File -> Preferences -> Settings -> Ex..

AWS 강좌 시리즈를 야 너두 편으로 써보려고 합니다. ㅋㅋㅋ 티스토리 마크다운 에디터에서 지원하지 않는 기능이 있어, 이미지로 대체하였습니다. : ) PDF로 보시면 더 넓은 화면으로 보실 수 있습니다. ^^