// node tree에 설정(부모-자식 관계 설정) bookmarkItem.appendChild(bookmarkInfo); bookmarkItem.appendChild(bookmarkDelBtn); bookmarkInfo.appendChild(bookmarkUrl); bookmarkUrl.appendChild(urlIcon); bookmarkUrl.appendChild(nameElement); urlIcon.append(urlIconImg); bookmarkItemList.appendChild(bookmarkItem); 섹션 7의 6강 수강중에 해당 코드에 의문이 생겨서 질문 드립니다. append와 appendchild 2가지 메소드를 활용하셨는데 두 가지 차이가 검색해 봤을 땐 append는 노드뿐만 아니라 텍스트도 추가 가능하다고해서 appendchild로 바꿔봤더니 오류가 발생했습니다. 두가지 차이가 무엇인지 알 수 있을까요? 그리고 메소드 호출시 괄호가 있는 것과 없는 것의 차이가 궁금합니다. addEbentListener같은 곳에 사용되는 콜백함수에는 괄호를 안 붙여도 되는 건지 궁금합니다.// 1번 document.getElementById("cancel-btn").addEventListener("click", newBookmarkToggle); // 2번 document.getElementById("cancel-btn").addEventListener("click", newBookmarkToggle());

presigned URL를 실무에서 사용할려다가 지적받은게 업로드 권한을 클라이언트에 내려주고 횟수제한을 거는게 아니라 유효시간동안은 해당 url로 언제든지 업로드할 수 있어서 추후에 악성이미지 같은걸 업로드하면 보안적인 이슈가 있지않냐라고 말을 들었어요.aws의 s3에서는 횟수제한 같은건 걸 수 없어서 일단 formdata로 올려보내고 multer 사용해서 받아서 처리하긴 했는데 강사님 경우에는 presigned URL할 때 어떻게 조치를 하시나요?

(node:13548) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency(Use `node --trace-warnings ...` to show where the warning was created)error Android project not found. Are you sure this is a React Native project? If your Android files are located in a non-standard location (e.g. not inside 'android' folder), consider setting `project.android.sourceDir` option to point to a new location. 이거 무슨 에러인가요ㅠㅠ

해당 에러 구글링해도 제가 아직 배움이 짧은지 이해를 못하겠습니다.

EXPO로 개발한 앱을 EXPO 공식문서를 보며 eas -cli 설치expo -cli 설치eas logineas build:configureeas build --profile preview  위 단계를 진행하며 apk 파일을 생성 후 애뮬레이터와 안드로이드 폰에 설치 후 아이콘 클릭하자마자 앱이 강제종료되는 현상이 발생합니다... expo build log에는 에러없이 모두 진행된 것을 확인하였습니다. 그래서 보이지 않는 에러로 인해 해결을 못하겠습니다 도와주세요! -해본 것 1. 앱을 새로 생성 후 빌드 (생성하자마자 코드 수정없이 apk 생성시에는 잘 작동합니다! ) 2. 1에서 잘 작동하는 것에서 코드를 조금씩 수정하여 빌드를 해보아도 바로 강제종료되는 현상 발생.pc 포멧 후 개발환경 재설치

이번에 처음으로 앱 개발 공부를 해보려고 react native를 열심히 실행해 봤습니다.중간에 계속 에러가 나고 막히는 부분이 있었지만 겨우 마지막에 npm run android부분까지 왔습니다. 그런데 실행을 할려고 하면 계속C:\Users\aladi\MyApp\NewApp>npx react-native run-android info Starting JS server... info 💡 Tip: Make sure that you have set up your development environment correctly, by running react-native doctor. To read more about doctor command visit: https://github.com/react-native-community/cli/blob/main/packages/cli-doctor/README.md#doctor FAILURE: Build completed with 2 failures. 1: Task failed with an exception. ----------- * Where: Build file 'C:\Users\aladi\MyApp\NewApp\android\app\build.gradle' line: 2 * What went wrong: A problem occurred evaluating project ':app'. > Could not find implementation class 'com.facebook.react.ReactPlugin' for plugin 'com.facebook.react' specified in jar:file:/C:/Users/aladi/.gradle/caches/jars-9/e787d8a8f912d81d210d8e27e6fa5ed3/react-native-gradle-plugin.jar!/META-INF/gradle-plugins/com.facebook.react.properties. * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. ============================================================================== 2: Task failed with an exception. ----------- * What went wrong: A problem occurred configuring project ':app'. > compileSdkVersion is not specified. Please add it to build.gradle * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. ============================================================================== * Get more help at https://help.gradle.org BUILD FAILED in 12s error Failed to install the app. Command failed with exit code 1: gradlew.bat tasks FAILURE: Build completed with 2 failures. 1: Task failed with an exception. ----------- * Where: Build file 'C:\Users\aladi\MyApp\NewApp\android\app\build.gradle' line: 2 * What went wrong: A problem occurred evaluating project ':app'. > Could not find implementation class 'com.facebook.react.ReactPlugin' for plugin 'com.facebook.react' specified in jar:file:/C:/Users/aladi/.gradle/caches/jars-9/e787d8a8f912d81d210d8e27e6fa5ed3/react-native-gradle-plugin.jar!/META-INF/gradle-plugins/com.facebook.react.properties. * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. ============================================================================== 2: Task failed with an exception. ----------- * What went wrong: A problem occurred configuring project ':app'. > compileSdkVersion is not specified. Please add it to build.gradle * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. ============================================================================== * Get more help at https://help.gradle.org BUILD FAILED in 12s > Task :gradle-plugin:compileKotlin UP-TO-DATE > Task :gradle-plugin:compileJava NO-SOURCE > Task :gradle-plugin:pluginDescriptors UP-TO-DATE > Task :gradle-plugin:processResources UP-TO-DATE > Task :gradle-plugin:classes UP-TO-DATE > Task :gradle-plugin:jar UP-TO-DATE > Task :gradle-plugin:inspectClassesForKotlinIC UP-TO-DATE 5 actionable tasks: 5 up-to-date. 이런 에러가 뜨더라구요정말 이쪽부분은 하나도 모르는 코린이라 아무리 구글링해보고 혼자 머리 굴려봐도해결이 되지 않습니다.. 에뮬레이터까지는 뜨는데 react native화면은 뜨지 않고 저렇게 에러 메세지만 나옵니다. 어떻게 해야될까요.. 제발 도와주세요ㅜ

안녕하세요, 강의를 시작할려고하는 학생입니다!!현재 lecture-1 강의를 clone 받고 실행을 시킬려고 하는데Error: error:0308010C:digital envelope routines::unsupported해당 오류 코드를 뱉으면서 npm run start가 되지가 않습니다.현재 mac, node v18.12.1을 사용하고 있는데 node 버전을 맞춰야 하는건가요?

Requirementsstatic/node_module로 package.json에 선언된 의존성을 다운로드 받아야한다gradle build 시 package.json에 선언된 의존성을 확인하고 다시 다운로드 받아야 한다.뭔가 간단하게 끝내고 싶다 !!!Actionhttps://github.com/node-gradle/gradle-node-plugin/blob/master/docs/usage.md다양한 관련 플러그인 들이 있지만, 위의 플러그인을 설치 했습니다.2번의 요구사항은 gradle의 증분 컴파일(?)이 해주는 것 같습니다. (정확하지 않음 추측이에요)3번은 관련 자료를 찾던 도중 processResources 를 발견했고, Copies production resources into the production resources directory. 라고 설명 되어 있습니다.(공식 홈페이지)따라서, npm install 시 node_module 파일을 static 이하로 떨어 뜨리면 되겠구나!그리고 processResources를 "npm install 동작을하는 " Task를 의존하게 하면 되겠구나!-- 주석이 많아 가독성이 떨어지지만, 한번 읽어보시면 더 도움이 될거라 생각해서 위의 깃헙에 있는 주석 그대로 복사 붙여넣기 합니다. 수정한 부분은 nodeProjectDir 부분과processResources.dependsOn 부분 입니다.추가로 package.json 도 아래분이 잘 정리 해주셔서 함께 복사 붙여넣기 합니다.(고맙습니다!!)-인텔리제이 빌드시(gradle로 설정안했을 경우 동작안해요!)-gradle 탭 누르셔서 npm Task 들어오는지 확인해주세요!{ "name": "static", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "dependencies": { "@yaireo/tagify": "^3.5.1", "bootstrap": "^4.4.1", "cropper": "^4.1.0", "font-awesome": "^4.7.0", "jdenticon": "^2.2.0", "jquery": "^3.4.1", "jquery-cropper": "^1.0.1", "mark.js": "^8.11.1", "moment": "^2.24.0", "summernote": "^0.8.16" } }plugins { id "com.github.node-gradle.node" version "3.5.0" id 'org.springframework.boot' version '2.7.5' id 'io.spring.dependency-management' version '1.0.15.RELEASE' id 'java' } group = 'me.studyOlle' version = '0.0.1-SNAPSHOT' sourceCompatibility = '17' configurations { compileOnly { extendsFrom annotationProcessor } } repositories { mavenCentral() } node { // Whether to download and install a specific Node.js version or not // If false, it will use the globally installed Node.js // If true, it will download node using above parameters // Note that npm is bundled with Node.js download = true // Version of node to download and install (only used if download is true) // It will be unpacked in the workDir version = "16.14.0" // Version of npm to use // If specified, installs it in the npmWorkDir // If empty, the plugin will use the npm command bundled with Node.js npmVersion = "" // Version of Yarn to use // Any Yarn task first installs Yarn in the yarnWorkDir // It uses the specified version if defined and the latest version otherwise (by default) yarnVersion = "" // Base URL for fetching node distributions // Only used if download is true // Change it if you want to use a mirror // Or set to null if you want to add the repository on your own. distBaseUrl = "https://nodejs.org/dist" // Specifies whether it is acceptable to communicate with the Node.js repository over an insecure HTTP connection. // Only used if download is true // Change it to true if you use a mirror that uses HTTP rather than HTTPS // Or set to null if you want to use Gradle's default behaviour. allowInsecureProtocol = null // The npm command executed by the npmInstall task // By default it is install but it can be changed to ci npmInstallCommand = "install" // The directory where Node.js is unpacked (when download is true) workDir = file("${project.projectDir}/.gradle/nodejs") // The directory where npm is installed (when a specific version is defined) npmWorkDir = file("${project.projectDir}/.gradle/npm") // The directory where yarn is installed (when a Yarn task is used) yarnWorkDir = file("${project.projectDir}/.gradle/yarn") // The Node.js project directory location // This is where the package.json file and node_modules directory are located // By default it is at the root of the current project nodeProjectDir = file("${project.projectDir}/src/main/resources/static") // Whether the plugin automatically should add the proxy configuration to npm and yarn commands // according the proxy configuration defined for Gradle // Disable this option if you want to configure the proxy for npm or yarn on your own // (in the .npmrc file for instance) nodeProxySettings = ProxySettings.SMART } dependencies { // View Template Engine implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' // Security implementation 'org.springframework.boot:spring-boot-starter-security' implementation 'org.thymeleaf.extras:thymeleaf-extras-springsecurity5' //Web implementation 'org.springframework.boot:spring-boot-starter-mail' implementation 'org.springframework.boot:spring-boot-starter-web' implementation group: 'org.springframework.boot', name: 'spring-boot-starter-validation', version: '2.7.5' //Persistence implementation 'org.springframework.boot:spring-boot-starter-data-jpa' runtimeOnly 'com.h2database:h2' runtimeOnly 'com.mysql:mysql-connector-j' // LomBok compileOnly 'org.projectlombok:lombok' annotationProcessor 'org.projectlombok:lombok' // Dev developmentOnly 'org.springframework.boot:spring-boot-devtools' annotationProcessor 'org.springframework.boot:spring-boot-configuration-processor' //Test Implementation testImplementation 'org.springframework.boot:spring-boot-starter-test' testImplementation 'org.springframework.security:spring-security-test' } tasks.named('test') { useJUnitPlatform() } processResources.dependsOn('npmInstall')

현재 웹개발중인 초급 개발자입니다. 현재 개발이 마무리 단계에서 웹서버랑 통신?!이 안되는 듯합니다.  로컬서버에서는 오류없이 실행이 되는데 웹서버에서는 현재 실행이 안되고 있습니다.  Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 라고 콘솔창에 이렇게 오류가 표시됩니다. 원인을 모르겠습니다. 어디를 수정해야하는지... 현재 apache2로 웹서버를 연동하고 있습니다.

강의를 처음 시작할때 실무 전용 강의이다보니 node 및 vue의 가장 기본 설치 부분은 패스되어 있는 것 같은데 혹시 이 부분은 기초 무료강의를 먼저 선행으로 보면 해결되는 걸까요 ??  YouTube 에 있는 vue 무료강의(웹게임) 을 선행으로 보고와야할까요 ??

[Error: ENOENT: no such file or directory, open './restFront.html'] {   errno: -2,   code: 'ENOENT',   syscall: 'open',   path: './restFront.html' }   계속 이런식으로 에러가 뜨는데 구글링을 해봐도 -2 에러에 대한 해결책이 없습니다..ㅠ 도움 부탁드립니다! 맥 사용중입니다.

안녕하세요? 또 한번 문의 드립니다ㅜㅠ (지난 번 AWS는 아직 해결을 못했습니다. 일단 패스하고 다른 강의부터 듣고 있습니다) mysql 연동 후, 쿼리 작성하고, 서버 띄운 후 결과가 선생님의 페이지 양식과 조금 달라서 이점이 조금 의아합니다. 선생님 결과는 아래와 같이 나오는데, 제 결과는 이렇게 나옵니다. 내용 상에는 차이가 없지만, 선생님 처럼 가독성 좋게 출력이 안되는데요. 이유가 뭔지, 수정할 수 있는지 여쭙고 싶습니다! 오늘도 감사드립니다. 좋은 하루 되세요!

안녕하세요! 좋은 강의 너무 감사합니다. 덕분에 극후반까지 잘 따라와서 이제 create-react-app 강의까지 오게 되었습니다.   그런데, 선생님 따라 명령어를 입력해보는데, cat-jjal-maker 소스코드를 작성했던 터미널에서 명령어를 입력했는데도 아래와 같이 node 명령어를 찾을 수 없다는 오류가 나옵니다...     안내해주신 node 설치 페이지로 가서 설치도 완료했는데도 node -v 명령어도 오류가 날 뿐 아니라 npx 명령어도 작동하지 않습니다.   무슨 문제가 있는 걸까요..?   항상 감사합니다!

강의의 내용와 조금 동떨어진 질문일 수 있지만 글 올려 봅니다. 무관하시다 생각하시면 답변 달아주지 않으셔도 좋습니다. auth 기능을 로컬에서 구현 후, dockerizing 하는 부분에서 Error: Error loading shared library /gateway/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node: Exec format error 와 같은 에러가 나서 구동되지 않습니다. Dockerfile 은 FROM node:12-alpine RUN apk update && apk add --no-cache curl vim bash WORKDIR /app COPY package*.json ./ RUN npm install COPY . .   이고, bcrypt 는 npm i bcrypt npm i -D @types/bcrypt 로 하여 설치하였습니다.   container 안에서  npm i bcrypt npm i -D @types/bcrypt 명령어를 이용해서 bcrypt 를 다시 설치하면, 정상적으로 구동됩니다.        

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   안녕하세요 강사님 강의 잘 듣고 있습니다. cli로 프로젝트 생성할 때 패키지 관리툴로 yarn하고 npm 둘중에 하나 선택하게 되어있는데, 강의에서는 npm을 사용하셨지만 실무에서는 어떤 걸 더 많이 사용하는지 궁금합니다. 그리고 이 두 명령어의 차이가 많이 나는지도 궁금합니다.    

강의를 통해 많이 배우고 있습니다. 감사합니다. ^^~~   mongodb가 회사에서 접속이 안되는 이슈가 있어 (보안이슈) aws lightsail에 올려 강의를 따라하며 공부하려 환경설정 중에 있습니다.   서버에 boilerplate 다운받아 mongodb 설정 완료하고 콘솔에서는 DB connected 까지 확인했으나, 고정 IP로 접속해보아도 페이지가 보이지 않네요....   package.json의 script 부분에 production 시 설정 방법 문의 드립니다.

그전에 요청 날릴때 비번을 해시화 하지 않는이유가 https 로 날릴경우 클라이언트에서 보낸  요청을 암호화 해서 서베에서 디비에 저장할때만 해시화 했던걸로 기억하는데 https 를 적용하면 응답되는 데이터도 암호화 되는건가요?  

안녕하세요. 회사에서 NFT를 발행해주는 프로젝트를 진행하려는데요. 올려주신 강의를 보고 하나씩 처리를 해가고 있는데, 프로젝트 구성의 감을 잡지 못해서 문의를 좀 드리려고 합니다. 이 곳에 질문을 남겨도 될지는 모르겠지만, 너무 답답해서 문의를 드립니다. nodejs 를 사용해 backend(API 서버)를 만들고 raect(3000번 포트) 에서 proxy 를 설정해 nodejs(3001번 포트) 의 데이터를 받아오도록 frontend를 만드는 프로젝트를 진행하고 있습니다. 이 프로젝트는 NFT를 발행해주는 사이트를 만드는 것이 목표인데요. 만약 올려주신 drizzle-dapp으로 backend(API 서버)와 연결하는 back을 만들려면 package.json의 main을 truffle-config.js로 해도 괜찮을까요? 그게 아니라면 프록시서버를 따로 두지 않고 react-node 가 proxy로 설정되어 있는 상태로 NFT 거래가 가능하게 만들려면 truffle 을 어떻게 사용해야 할지 조언 해주실 수 있을까요...? 강의 내용과 맞지 않는 내용 올려서 죄송합니다.  

일부분만 발췌해서 가져왔습니다.  2명의 클라이언트가 접속했을 때 index.js에서 접속자 수를 받아오고, html 내 script에서 카운트 실행 코드를 작성했는데  2명 이상이 접속해야 카운트가 실행되는 코드는 어떻게 작성해야 하는지 모르겠네요. 어떤 방법이 있을까요 ??   //index.js io.sockets.on("connection",(socket)=>{     const req=socket.request;     const ip=req.headers['x-forwarded-for']||req.connection.remoteAddress;     console.log("새로운 클라이언트 접속",ip,socket.id, req.ip);     user_count++;     io.emit('users.count',user_count);   //client.html         <script>             let socket=io();                         socket.on('users.count', function(number) {                 document.getElementById('users-count').innerHTML=number;                 let user_count = document.getElementById('users-count').value;                 if(number==2){                     var count=10;                     var counter=setInterval(function(){                         if(count<=0){                             clearInterval(counter);                             document.getElementById("timer").innerHTML="Finished";                         } else {                             document.getElementById("timer").innerHTML=count+"초 남았습니다";                         }                         count-=1;                     },1000);                 }             });         </script>  

infura ipfs 사용해서 ipfs에 이미지를 업로드하고 다시 호출해서 postman에 이미지 해쉬값이 나오게끔하고 싶은데 자꾸 에러가 나네요 ㅠ 어떻게해야할까요? ㅠㅠ