오쌤의 니가스터디 (37) 썸네일형 리스트형 [ES6강좌] 11강 Template literals - 오쌤의 니가스터디 ** 영상으로 보고 싶은 분은 아래 주소를 클릭하세요. https://youtu.be/0PAXh-6iWQo - Template literals(템플릿 리터럴)은 내장된 표현식을 허용하는 문자열 리터럴입니다. - 여러 줄로 이루어진 문자열과 문자 보간기능을 사용할 수 있습니다. - ES5부터 나왔던 표현식입니다. 1. Template literals 문법소개 - 템플릿 리터럴은 숫자 1 옆의 ~와 같이 있는 기호인 [ ` ]를 사용합니다. - Backtick(백틱), Grave Accent 혹은 Back Accent(역 악센트)라고도 부릅니다. //grave accent `안녕하세요` //apostrophe(작은따옴표) '안녕하세요' - 작은 따옴표와 보기에도 차이가 있다는 것을 알 수 있습니다. - 그럼.. [React라이브러리] 5강 데이터 요청을 위한 axios - 오쌤의 니가스터디 보호되어 있는 글입니다. [React강좌] 30강 로컬 JSON파일 가져오기 - 오쌤의 니가스터디 보호되어 있는 글입니다. [JSON강좌] 6강 JSON Server(서버) - 오쌤의 니가스터디 1. 데이터 보내기 - JSON의 일반적인 용도는 웹서버와 데이터를 교환하는 것입니다. - 웹서버에서 데이터를 수신할 때 데이터는 항상 문자열입니다. ## 코드 보기 - 자바스크립트 객체의 데이터를 php 파일에 데이터로 보내는 방법입니다. - 주소표시줄을 통해 파라미터로 php파일에 데이터를 보냅니다. ## 결과 보기 - 주소표시줄에 보면 php파일에 데이터를 보내고 있는 것이 확인됩니다. - 이건 실제 서버도 아니고 현재 php 파일이 없이 때문에 php파일이 없다고 문서에 표시됩니다. - 실제 php 파일과 서버라면 데이터를 보낼 수 있습니다. 2. 서버의 JSON - AJAX의 XMLHttpRequest 객체를 사용하여 서버에서 데이터를 가져올 수 있습니다. - 더 자세한 강좌는 AJAX강좌로 계.. [Svelte강좌] 1강 스벨트 개발환경 구축(설치) - 오쌤의 니가스터디 ** 영상으로 보실 분은 아래 주소를 눌러 클릭하세요! https://youtu.be/kxGsmwVGoO0 1. REPL(Read-Eval-Print-Loop) - Svelte는 공식 사이트에서 REPL을 통해, 별도의 설치 과정이나 컴파일 없이 코딩하고 바로 결과를 확인할 수 있는 서비스를 제공하고 있습니다. - 이 기능은 코딩은 좀 해봤다면 들어 본, CodeSandbox같이 코드만 입력해도 바로 결과가 보입니다. 1) Svelte사이트 접속 - 우선 아래 주소를 클릭해서 Svelte사이트에 접속해주세요. https://svelte.dev/ Svelte • Cybernetically enhanced web apps Svelte is a radical new approach to building use.. [Figma강좌아님] Adobe, Figma인수😢 - 200억달러 ** 영상으로 보고 싶은 분은 아래 주소를 클릭해주세요. https://youtu.be/pY5n6INnuv0 어도비가 피그마 인수했다고? 진짜인 거야??? 어도비가 피그마 인수한다규? https://www.hankyung.com/international/article/202209153662i 어도비, 디자인 소프트웨어 '피그마' 200억달러에 인수 어도비, 디자인 소프트웨어 '피그마' 200억달러에 인수, 노유정 기자, 국제 www.hankyung.com - 진짜군요..... - 과연 피그마는 무료로 남을 수 있을 것인가? - XD로 병합돼서 영원히 사라지는 것은 아닐지? - 설마 인디자인처럼 방치하고 버리는 건 아니겠죠? - 기사에서는 일단 인수 후에도 XD에 통합되지 않고, 계속 개발될 것이며, 대신.. [Figma] 18강 Prototype - Dropdown Menu - 오쌤의 니가스터디 ** 자세한 영상은 유튜브로 제공됩니다. https://youtu.be/QCFDEoMLv3g ** 사용될 이미지 출처 : https://pixabay.com/ko/photos/%ec%82%ac%eb%ac%b4%ec%8b%a4-%ec%9d%bc%ed%95%98%eb%8b%a4-%ec%b1%85%ec%83%81-%ec%bb%b4%ed%93%a8%ed%84%b0-932926/ ** 완성 예시 ** 완성파일은 [피그마 커뮤니티]에서 찾아보세요. 1) 피그마 앱에서 커뮤니티를 누릅니다. 2) 검색창에 [ossam]이라고 검색합니다. 3) [예제12] Dropdown Menu이미지을 더블클릭합니다. 4) [duplicate]버튼을 눌러 개인 작업창으로 복제해옵니다. ** 피그마웹에서 찾는 법 - [figma.com.. [VS CODE] VS CODE의 외부 JS문서에서 제이쿼리 자동완성기능 추가 - html문서에 직접 제이쿼리 플러그인을 연결하고 제이쿼리언어를 치면 자동완성 기능이 실행됩니다. ## 예시 화면 - 하지만 외부 js문서를 빼고 작업하면 자동완성이 뜨지 않아 모두 코딩해야합니다. ## 예시화면 - 자동완성이 전혀 되지 않는 것을 확인할 수 있습니다. ** VS CODE 외부JS문서에서 제이쿼리 자동완성하는 법!!! 1. node.js를 설치 - Node.js를 사용하면 서버에서 JavaScript를 실행할 수 있다. ## 다운로드 주소 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ## 버전 선택 - 다운로드 받은 파일을 설치.. 이전 1 2 3 4 5 다음
