이번에는 JavaScript의 this에 대해 알아보려고 한다. javascript의 this는 다른 언어들과 조금 다르게 동작한다. Javascript의 this는 대부분의 경우 함수를 호출한 방법에 의해 결정된다. 그렇기 때문에 함수를 호출할 때마다 this가 가리키는 값이 다를 수 있고, 이는 혼동을 줄 수 있다. 이를 위해 ES5는 bind()메서드를 도입하여 함수를 어떻게 호출했는지에 상관없이 this값을 설정할 수 있도록 하였고 ES2015는 스스로의 this바인딩을 제공하지 않는 화살표 함수를 추가하였다. (화살표 함수는 렉시컬 컨텍스트 안의 this값을 유지한다) 이번에는 this의 동작방식의 예시들을 알아보고, 어떻게 사용해야하는지 알아보겠다! * 참고로 이 게시글의 예시들은 비엄격모드에..
Frontend
자바스크립트에서 일정 시간 이후에 어떤 메서드가 호출되게 하고싶다면 setTimeout()과 setInterval() 함수를 사용할 수 있다. 둘의 사용법을 요약하면, setTimeout()은 지정된 함수를 한 번만 호출할 때 사용하고, setInterval()은 지정된 함수를 반복적으로 호출할 때 사용하는 함수이다. setTimeout() var timeoutId = setTimeout(functionRef, delay]); var timeoutId = setTimeout(functionRef, delay, param1, param2, ...); var timeoutId = setTimeout(code, delay, param1, param2, ...); //권장 x 지정된 시간이 만료된 후 함수나 코..
현재 학교 프로젝트로 플러터와 스프링부트를 이용하여 개발을 진행하고 있다. 지금은 백엔드 api를 미리 완성하여 서버를 띄워놓은 상태로 http통신을 하면서 flutter 개발을 하는 중이다! 플러터로 REST통신을 하는 건 처음이여서 챗지피티와 구글링을 열심히 사용하여 코드를 짰다. 플러터로 restapi통신을 하는 방법은 크게 3가지였다. 1. FutureBuilder로 값을 받아서 위젯을 빌드해주기 2. initState()에서 restapi통신을 하여 값을 받아오는 함수를 호출하고 class변수에 담아 화면에 뿌리기 3. api통신을 하여 받을 데이터를 class로 정의하여 json파싱해주기(Factory를 사용하였다) 변수를 사용하기도 조금 귀찮고, 위젯을 띄울 때 http통신을 하여 값을 받지..
com.gitlab.haynes libsass-maven-plugin 0.2.26 generate-resources compile ${basedir}/src/main/scss/ ${basedir}/src/main/resources/static/resources/css/ ${project.build.directory}/webjars/META-INF/resources/webjars/bootstrap/${webjars-bootstrap.version}/scss/ spring 프로젝트를 분석하다가 libsass-maven-plugin이 무엇인지 궁금하여 찾아봤다. CSS Cascading Style Sheets HTML을 꾸며주는 그것 SASS, SCSS와 CSS SASS와 SCSS는 CSS를 편리하게 사용할 ..
저는 드림코딩 유튜브의 javascipt 강의를 듣고있습니다 제갸 사용하는 IDE는 Visual Studio Code 입니다. html에서 javascript를 포함하는 방법 1. head 안에 포함하는 방법(좋지 않음) 1) 브라우저가 html 파일을 파싱하다가 scipt 태그를 만났을 때 2) html의 파싱을 멈추고 3) javascript파일을 다운받아서 실행 후 4) 나머지 html을 파싱한다. 이 방법은 javascipt파일의 크기가 크고 인터넷이 느린 상황에는 효율적이지 않다. 사용자가 웹사이트를 보기까지 많은 시간이 소요될 수 있다. 2. body태그 마지막에 포함하는 방법 1) 브라우저가 필요한 HTML을 전부 파싱하여 페이지가 준비됨 2) javascript파일을 다운받아서 실행 ■ 장..
