ref()반응형 상태(데이터)를 선언하는 함수 (Declaring Reactive State) ref() 사용인자를 받아 .value 속성이 있는 ref 객체로 wrapping하여 반환한다.ref로 선언된 변수의 값이 변경되면 해당 값을 사용하는 템플릿에서 자동으로 업데이트한다.인자는 어떠한 타입도 가능하다.const {createApp, ref } = Vueconst app = createApp({ const message = ref('Hello, Vue!') console.log(message) // ref 객체 console.log(message.value)}) 템플릿 렌더링반환된 객체의 속성은 템플릿에서 사용할 수 있다.Mustache syntax(콧수염 구문)를 사용하여 메시지 ..
분류 전체보기
Client-side framework클라이언트 측에서 UI와 상호작용을 개발하기 위해 사용되는 JavaScript 기반 프레임워크 필요한 이유? 🤷♀️웹에서 하는 일이 많아짐 웹에서 단순히 문서를 읽는 것만이 아닌 무언가(음악 스트리밍, 채팅 등)를 하게 되었다.현대적이고 복잡한 대화형 웹 사이트 -> 웹 애플리케이션(web application)Client-side framework를 통해 동적인 대화형 애플리케이션을 쉽게 구축할 수 있다. 다루는 데이터가 많아짐애플리케이션의 기본 데이터를 안정적으로 추적하고 업데이트(렌더링, 추가, 삭제 등)가 필요하다.애플리케이션의 상태를 변경할 때마다 일치하도록 UI를 업데이트해야 한다. SPA (Single Page Application)페이지 한 개로 구..
🚨 문제 상황심각: 경로 [/spring_ws_08_2]의 컨텍스트 내의 서블릿 [appServlet]을(를) 위한 Servlet.service() 호출이, 근본 원인(root cause)과 함께, 예외 [Request processing failed: java.lang.IllegalArgumentException: Name for argument of type [java.lang.String] not specified, and parameter name information not available via reflection. Ensure that the compiler uses the '-parameters' flag.]을(를) 발생시켰습니다.java.lang.IllegalArgumentExcept..
안녕하세요 ~~~~~ ㅎㅎㅎ 자바 전공자 트랙은 이제 싸피에서 1학기 알고리즘 구간이 끝났습니다! 알고리즘 수업은 끝났지만.. 알고리즘은 계속 이어나가야겠죠? (템플릿 공유는 글의 마지막 부분에 있어요😮) 다들 알고리즘 풀이할 때나 풀이 이후에 정리하시나요? 알고리즘 한 번 풀면 쭈우우욱 기억하면 좋겠지만... 전 풀었던 문제도 나중에 보면 또 새롭더라구요... 과거에 파이썬으로 알고리즘 풀 때 노션에 정리했었는데 최근에는 급급하게 문제 푸느라 따로 정리를 안 했었어요..! 그랬더니 비슷한 유형의 문제를 봤을 때 희미하게 생각나서 풀었던 거 다시 보고 싶을 때 정확히 어떤 문제인지도 헷갈렸어요..ㅠ^ㅠ 예전엔 이런 방식으로 정리했었는데 점점 문제가 많아질수록 찾기도 힘들고 보기도 힘들더라구요..ㅋㅋ 저때..
HTML에서 JavaScript를 포함할 때 script 태그를 사용한다. 이 script 태그가 어디에 위치하느냐에 따라 조금씩 차이점이 있는데 이를 알아보도록 하자! 1. head 태그 안에 script 태그 포함 head 태그 안에 script 태그를 포함할 경우, HTML을 파싱하다가 멈추고 JavaScript 파일을 먼저 다운받는다. JavaScript를 다 다운받으면 실행한 후 그 이후에 HTML을 마저 파싱한다. 단점: 자바스크립트 용량이 커서 다운로드가 오래 걸리면 그동안 뒤의 HTML이 파싱되지 않기 때문에 페이지 로드가 느려진다. 2. body 태그 마지막에 script 태그를 포함 1번의 문제점을 해결할 수 있는 방법이다. script 태그를 body의 마지막에 포함하게 되면, HTM..
난 대학 시절 🎵 포켓볼을 🎱 전공했단 사실😗 🎺 ✨ 니 놈을 이겨 눈물 🤣 콧물 🤧 쏙 다 빼주마 📯 🎶 🎷 🧐 일타싸피가.. 뭘까요?대충 당구 치는 게임인 건 알겠는데... 코드로 당구를 어떻게 쳐요???? 자자, 그건 피타고라스의 정리와 삼각함수 개념을 활용하면 된답니다 ~ ^^* 그럼 어디 삼각함수부터 알아.. 보지는 맙시다 솔직히 삼각함수 기억나나요???? 그렇다면 부럽군요.. 전 졸업과 동시에 제 모든 기억을 놓아주고 왔답니다 먼저 일타싸피에 대한 기본적은 룰은 싸피에서 OT를 통해 다 설명해 줍니다!! 포켓볼 몰라도 걱정하지 마세용~ 전 포켓볼 좋아해서 포켓볼 모르는 사람들한테 설명해 줬어요 ㅎㅎ그리고 아이폰 문자 게임으로 반 언니랑 포켓볼 룰도 함께 익혔답니다~~ ( 아 암튼 시험공부한 거..
vsc로 웹 개발 코딩할 때 도움되는 익스텐션 추천 1. Live Server 크롬에 html 파일 경로를 치면 웹 페이지로 볼 수 있는데, 이는 파일에 변경사항이 있을 때마다 새로고침해줘야 한 Live Server를 install하면 vsc 우측 하단에 Go Live 버튼이 뜬다 Go Live 버튼을 누르면 새로고침하지 않아도 파일을 저장하자마자 웹에서도 변경사항이 반영된다 2. Live Preview 돋보기를 누르면 실시간으로 vsc에서 미리보기할 수 있다 3. Material Theme 다양한 vsc 테마 제공 Set Color Theme 버튼을 누르면 다른 테마로 변경할 수 있다 4. Material Icon Theme vsc에서 뜨는 파일 아이콘 테마 html, css, js...등 파일명 우측..
안녕하세요!!!!!!!!!!!!!! 싸피 합격 이후 11기 SSAFYcial로 돌아왔습니다. 🤔 싸피셜이 뭐냐? 싸피 공식 기자단으로 싸피의 공식 활동과 생활 이야기를 대내외적으로 홍보하는 활동을 합니다. 싸피셜 지원은 간단한 지원서와 데모 콘텐츠를 제출했습니다! 전 기자단 경험은 없지만, 대학생 때 비교과 프로그램을 소개하는 카드뉴스를 제작하여 에타에 홍보하는 서포터즈 활동을 했었고 그때 제작했던 카드뉴스와 함께 간단한 인스타툰을 그려서 제출했습니다. 🎁 싸피셜 혜택1. 월 5만원 활동 마일리지 지급우수 기자 시상도 한다고 하네요~! 2. 싸피셜 기자단 명함 증정그냥 왠지 있으면 귀엽잖아요. 3. 싸피셜 배지, 블루투스 키보드 선물배지 색은 기수마다 살짝 다른 것 같습니다. 선물은 매번 달라질 수도 있..
