자바스크립트와 타입스크립의 차이

자바스크립트와 타입스크립트의 차이점은 뭔가요?? 타입스크립트는 타입을 특정해준다는거 외에 잘 모르겠어서요!

이 코드에서 왜 item.help가 변경되지 않는 건가요?

이 코드에서 매번 똑같은 글이 출력되는데 왜 그런 걸까요..?

Openapi는 어떻게 하나요?

정부 데이터나 그런 곳 에서 openapi를 주로 사용하던데 openapi를 어떻게 찾고 끌어오나요?

플러터와 리액트 웹뷰 연계 이미지 파일 업로드 질문 입니다..

현재 웹뷰 앱 작업 중에 플러터의 네이티브 기능(사진 촬영 후, 자르기)이 필요해, 리액트 내부에서 리스너를 통해 플러터를 호출하여 데이터를 받습니다. 근데.. 플러터에서 넘겨주는 데이터는 파일 객체가 아니라, 해당 이미지의 경로만 보내줍니다. 이미지 경로에 직접 접근해서 이미지 파일을 렌더링 해야하는데 어차피 갤러리를 참조해야하는거면 웹처럼 require를 통해 이미지 경로를 적어줘야하는건지.. 어떤 방식으로 경로로 접근해 이미지를 뿌려줄 수 있을 지 갈피가 안잡힙니다..

javascript 배열에서 가장 마지막 값 가져오기

javascript 배열에서 가장 마지막 값을 가져오는 방법 없나요? python 같은 경우에는 -1 인덱스가 가장 마지막 값을 가져오던데 javascript는 undefined나오더라고요. 항상 length를 계산하고 length -1의 인덱스를 조회해야하는걸까요? 다른분들은 어떤 방법을 사용하시나요?

웹에 G-suite 적용시키기

교내 서비스 관련 홈페이지에 로그인으로 G-suite가 적용되 있는 곳이 많은데 어떻게 받아와서 쓰는지 모르겠어서 글남깁니다

웹사이트 개발에 G-suite적용

홈페이지를 만들려 하는데 로그인으로 구글 g-suite를 적용시켜서 로그인 시켜보고 싶은데 어떻게 해야하는 지 모르겠어요

java에서 입력받은 string을 file경로로 인식하게 하는 방법이 있을까요?

import java.io.*; import java.nio.file.Files; import java.nio.file.Path; import java.nio.file.Paths; import java.util.Scanner; import java.util.regex.Matcher; public class Keyword { public static void main(String[] args) throws IOException { String str,str1; Scanner sc = new Scanner(System.in); System.out.printf("파일에서 찾을 키워드를 입력하세요:"); str = sc.nextLine(); System.out.printf("키워드를 찾을 파일경로를 입력하세요:"); str1 = sc.nextLine(); String testPath = str1; //이 부분 때문에 골치가 아픕니다!!! String OsFilePath = testPath.replaceAll("/", Matcher.quoteReplacement(File.separator)); String path1 = OsFilePath.replaceAll(Matcher.quoteReplacement(File.separator), "/"); Path path2 = Paths.get(path1); String content = Files.readString(path2); String[] result = content.split("\n"); for(int i=0; i<result.length; i++) { if (result[i].contains(str)) { System.out.printf((i+1)+"번째 줄에서\"%s\"이라는 키워드가 감지되었습니다.: \n", str); System.out.println((i+1)+"번째 줄 ->"+result[i]); } } sc.close(); } } 사진대로 나오게 하고 싶습니다.

MIME JS - ES MODULE간 상태값 체크방법이 궁금합니다.

바닐라 JS를 사용하고있습니다. 목적은 MIME JS에 비동기 함수이 완료되면, ES MODULE에 있는 특정 함수가 실행되게 하려고합니다. MIME JS에 있는 비동기 함수에서 반환되는 프로미스 값으로 일종의 상태값을 반환되게해서, 해당 상태값을 global 객체로 올려 모듈에서 폴링방식으로 상태값을 체크하여, 함수를 실행하게하고있는데, 더 좋은 방법이 있는지 궁금하여 질문드립니다!

변수선언문, 값으로 표현될 수 없는 문인 이유가 뭔가요?

deep dive 책을 읽고 있는데 이해가 안 가는 부분이 있어서 질문 올려요! 5장(52페이지) 표현식에서는 undefined는 리터럴이며, 리터럴은 값으로 평가되고 표현식이라고 하는데 그럼 undefined=리터럴=값으로 평가될 수 있는 문(표현식)이라는건데 5.6(57페이지) 예제 05-13에서 변수 선언문은 표현식이 아닌 문이라고 하는건 왜 그런 건가요? 변수 선언문은 초기에 undefined가 할당되는 걸로 알고 있어서 이해하기 어렵네요ㅜㅜ

코테 답지 확인 시기가 궁금합니다

안녕하세요, 요즘 코테를 풀면서 고민이 많아져서 다른 분들 조언을 들어보고 싶어 글을 올려봅니다. 저는 프로그래머스 1단계 대부분을 풀었고 2단계는 1/4정도 푼 상태입니다. 이전에는 시간적 여유가 있었어서 잘 풀리지 않으면 며칠에 걸쳐 고민해서라도 스스로 풀어냈었습니다. 하지만 요즘은 썩 여유있는 상황이 아니라.. 한 문제에 몇 시간씩 투자하니 타격이 좀 크다고 느끼게 되었습니다..ㅠ 네이버 부스트캠프 코테가 목표라 한 달 정도 시간이 남았는데 코테 푸는 방식에 대해 고민입니다. 며칠씩 고민하더라도 어쨌든 끝까지 생각해보고 혼자 풀어내는 게 좋을지, 1시간정도 해보고 안되면 다른 분들 풀이를 보는 게 좋을지 잘 모르겠습니다. 알고리즘 지식 부족이라면 풀이를 보고 공부하면 될텐데, 부캠 코테가 그런 알고리즘 지식을 요구하는 게 아니라 예외케이스가 많은 구현문제라고 들어서.. 그냥 끝까지 고민하는게 나은가 싶기도 하고.. 답을 모르겠습니다..ㅠ 물론 정답은 없겠지만 다른 분들 의견을 들어보고 싶습니다. 감사합니다🙂

Si 다 이런가요?

Si업체로 신입으로 프젝투입했습니다.면접시 사용해보지않은언어라고도 충분히얘기했고 가서배우면 된다고했습니다.1주본사 출근ojt,2주 언어공부,3주4주 업무를 부여받았습니다.생각보다 어렵고 신입이다보니깐 이해도 못해서 선임한테 물어보면서 했습니다.si이니깐 서로 다 바쁘고 야근하고 물어보기도 눈치보이..결국 업무는 완성하지못했습니다.(선임한테 양도했는데 선임도 완성은 못했습니다)상사는 이러면 일을 못준다고하더라고요.선임한테 이런상황을 얘기했는데 지금 수준이면 하기 어려운것같다고 했습니다.그러더니 결국 본사로 가라고합니다.제가본사간날에는 다른사람이 들어온다고합니다.(경력으로).본사에가면 아마 퇴사하라는형식으로 얘기할것같은데 이런상황도 많이있나요?제자신이 너무 한심스럽습니다...입사한지 한달이고 프젝이 인원이 정해져있고 연장되서 스킬 더높은사람을 써야해서 저를 이렇게한것같기도 합니다..

자바스크립트 forEach 와 async await 을 같이 사용하면 안되는건가요?

최근에 받은 코드 리뷰에서 forEach 와 async await 을 같이 사용할 경우 문제가 발생할 수 있다는 피드벡을 받았습니다. 코드를 돌려 보았을 때는 크게 문제 없어보이는데 어떤 문제가 있는지 알려주실수 있나요 ? 만약 다음 코드에서 forEach 를 사용하면 안된다면 어떤 문법을 사용해야 하는지도 알려주세요. 사용 가능한 for 문이 너무 많아서 혼란스러워요 ㅠㅠ

백엔드 신입 수준은 어느정도가 적당한가요?

현재 비전공자 백엔드 취준생입니다. 독학으로 준비한 취준기간이 반년이 넘어가는데 여러 언어를 손대보다가 결국 하나에 집중하자 생각이 들었습니다. 지금까지 배운 언어는 python, javascript, java입니다. 너무 언어만 공부했다고 생각하기에는 기본적인것 말고는 할수있는게 없어요. 지금이라도 정신차리고 준비하자 싶지만 생활이 빠듯해져 조급한 상태입니다. 신입 백엔드 개발자의 수준은 어느정도 해야하나요? 그리고 뭐를 준비해야 할까요?

자바 스프링으로만 하다가 비주얼 스튜디오 코드

제가 툴을 자바스프링으로만 작업을 하다가 이번에 서류 합격한회사에서 비주얼 스튜디오 코드를 사용한다고 합니다 .. 비주얼 스튜디오 코드에 대해 아는게 전혀없습니다 .. Node.js 도 스프링으로 쓰던거랑은 전혀 다른거겠죠..? 다시 공부해야하는데 이 아무것도 모르는 상태에서 합격한다면 입사를 했을때 겁이납니다 .. ㅠㅠ

라이브러리 없이 자바스크립트로 화면 스크린샷을 다운로드 시키는 방법이 있을까요?

자바스크립트만 사용해서 스크린샷을 다운로드 하는 기능 구현 가능할까요 ? 프로젝트 내에서 라이브러리를 사용하기 어려워서 질문합니다.

자바스크립트에서 부모가 자식에게 이벤트 위임하는 법

안녕하세요, 부모가 자식에게 이벤트를 전파하는 건 어떻게 해야 할지 몰라 질문 남깁니다. jquery에서는 dom.on(""click"", ""div"", handler) 만 하면 알아서 특정 자식만 이벤트를 실행해 주던데... 바닐라에는 그런 기능이 없는지 궁금합니다. 정녕 이프문으로 해야 하나요....? 바닐라는 왜 제이쿼리만큼 엘레강스 하지 못한건지ㅠ

포트폴리오 클론토딩도 괜찮을까요?

웹퍼블리셔를 준비하고 있습니다 자체제작 포트폴리오 1개가 있고 두번째 포폴을 만들려고 하는데 디자인 구상하는게 힘들어서 클론코딩을 해볼까하는데 클론코딩도 포트폴리오로 제출해도 괜찮은가요? 클론코딩은 연습으로만 하고 포트폴리오는 자체제작으로만 하는게 좋을까요?

취준생 바닐라 자바스크립트 프로젝트가 필요할까요?

리액트 같은 프레임워크를 사용한 프로젝트는 꼭 필요할거같은데 바닐라 자바스크립트로 만든 프로젝트도 필요한지 궁금합니다. 프론트엔드 개발자는 자바스크립트 역량이 중요하다고 해서요

자바스크립트의 전망

안녕하세요. 이번에 작은 스타트업에서 백엔드로 취업하게된 신입 개발자입니다. 그런 저에게 작은 고민이 있습니다. 자바스크립트의 전망이 있을까하는 고민입니다. 사실 자바스크립트를 원하지 않았는데 이런저런 조건들을 따지기보다 일단 개발자로 시작하고자하여 입하게 되었습니다. 그리고 가장 중요했던 건 CTO분께서 이름있는 곳에서 오신 분이시더라구요. 사실 이게 제일 컸습니다. 단순한 기술공부 외에 많은 것들을 배울 수 있을 것 같아서요. 입사 2개월조금 넘었는데 예상했던대로 많은 것들을 배울 수 있었습니다. 사족이 길었네요. 질문드립니다. 저는 원래 자바/코틀린을 사용하는 회사에 입사하여 일 배우면서 사이드프로젝트로 앱을 만들고싶었습니다. 그런데 자바스크립트로는 사이드할만한게 웹뿐인 것 같은데 궁극적으로 앱을 가려면 퇴사가 답인가요?(당장은 할 생각이 없지만) 자바스크립스트의 장점이랄까 포텐셜을 잘 모르겠습니다. 그저 저에게는 웹기술로만 느껴질뿐.. 그리고 자바스크립트로 사이드프로젝트(또는 부업)를 한다면 어떤 것들이 가능할까요? 참고사항 저희회사 기술스택은 Nodejs, expressjs, mysql, mongodb, vue, aws 입니다. 긴글 읽어주셔서 감사드립니다.

react,javascript ImageUrl to File

안녕하세요! react를 이용하여 개발 중 입니다. 아직 주니어라 모르는게 많아 여쭙습니다.. 상품을 수정 시 기존 올려놓은 이미지가 수정이 안되어있으면 수정이 안된 이미지의 File 객체를 그대로 서버에 요청을 보내야하는 상황입니다. 상품의 이미지는 상세API에서 CDN URL로 받고 있는데 해당 CDN URL을 이용하여 File 객체를 얻으려면 어떻게 할 수 있을까요? 검색 후 url get 요청으로 blob()을 이용하여 File객체를 만드는 방법을 해봤는데 size가 0이 나와서 찾던 중 해당 방법은 local 파일에 엑세스할 경우인걸로 이해를 했는데 제가 이해를 한게 맞을지.. 다른 방법이 있는지 궁금합니다.

자바스크립트로 대량의 데이터를 처리하는 스크립트를 돌리고 있는데 중간 과정을 기록하는 좋은 방법이 없을까요 ?

대량의 데이터를 처리하는 스크립트를 만들어서 실행하고 있는데 중간에 오류가 발생하거나 터미널을 중단시키면 처리과정이 날아가는 문제가 있어요. 중간 과정을 하나하나 파일로 저장하는 방법도 고려해 보았는데 실행 시간도 느려지고 저장된 파일을 하나하나 확인하고 처리하는 과정도 너무 비효율적인것 같아요. 일단 임시로 console.log 를 출력했는데 데이터가 너무 많아서 진행 상황을 파악하기 어려운 문제가 발생하네요. 좋은 해결방법 없을까요? 비슷한 문제 경험한 분이 있다면 도와주세요.

타입스크립트에서 자바스크립트에서 쓰던 코드 그대로 써도 되나요?

타입스크립트 왕초보입니다. 기존에 자바스크립트에서 쓰던 변수선언 없는 코드들 (alert, document, prompt 같은 것들) 은 그대로 가져다 써도 되나요?

JS를 TS로 마이그레이션

스타트업에서 유일한 프론트엔드 개발자로 근무 중인 신입 개발자입니다. 현재 Vue로 개발된 웹 사이트를 React로 마이그레이션 하는 업무를 맡아, 스스로 공부하면서 개발하고 있습니다. 제가 하고 있는 고민은 JavaScript로 개발된 이 웹사이트를, Typescript로 바꿔야할지 결정을 못내리겠다는 것입니다. 기한이 있는 업무이고, 혼자하는 업무이다 보니, 기존의 JS를 그대로 유지하여 개발 시간을 단축할 생각이었습니다. 대신 api 통신하는 코드는 데이터 형식 오류를 사전에 방지하기 위해, 파일을 따로 분리하여 TS로 작성하고 있습니다. 그런데, React로 마이그레이션을 모두 끝낸 이후에 TypeScript로 다시 마이그레이션 하는 작업이 더 복잡하지 않을까 하는 생각이 들었습니다. 그래서 TS를 포기하고 JS로만 구현을 해야할 지, 혹은 JS로 구현을 끝낸 이후에, TS로 점진적으로 마이그레이션을 할지 아니면 지금부터 전부 TS로 바꿔야할지 고민중입니다. Q1. JS를 TS로 점진적으로 마이그레이션 하는 작업이 많이 복잡할까요? Q2. 프론트 개발 인원이 한 명인 회사에 TS 대신 JS로만 개발해도 괜찮을까요?

java에서 입력받은 string을 file경로로 인식하게 하는 방법이 있을까요?

import java.io.*; import java.nio.file.Files; import java.nio.file.Path; import java.nio.file.Paths; import java.util.Scanner; import java.util.regex.Matcher; public class Keyword { public static void main(String[] args) throws IOException { String str,str1; Scanner sc = new Scanner(System.in); System.out.printf("파일에서 찾을 키워드를 입력하세요:"); str = sc.nextLine(); System.out.printf("키워드를 찾을 파일경로를 입력하세요:"); str1 = sc.nextLine(); String testPath = str1; //이 부분 때문에 골치가 아픕니다!!! String OsFilePath = testPath.replaceAll("/", Matcher.quoteReplacement(File.separator)); String path1 = OsFilePath.replaceAll(Matcher.quoteReplacement(File.separator), "/"); Path path2 = Paths.get(path1); String content = Files.readString(path2); String[] result = content.split("\n"); for(int i=0; i<result.length; i++) { if (result[i].contains(str)) { System.out.printf((i+1)+"번째 줄에서\"%s\"이라는 키워드가 감지되었습니다.: \n", str); System.out.println((i+1)+"번째 줄 ->"+result[i]); } } sc.close(); } } 사진대로 나오게 하고 싶습니다.

[리액트]웹페이지 화면 창을 줄이면 왜 이렇게 되나요;;

리액트 사용중입니다😢 웹페이지 화면을 줄이면 라디오버튼 이 저렇게되고 옆에도 저렇게 나옵니다... 화면 사이즈를 작게 해도 전체화면때처럼 유지하고싶은데.. 어떻게 해야하나요 ㅠ 스타일같은걸 추가해야하나요?

특정 섹션 호버 이벤트 처리하려고 하는데 css 와 javascript 중 무엇을 사용할지 고민중입니다.

특정 섹션에 호버하면 하위태그인 버튼이 나타나는 기능을 구현하고 있는데요. css 선택자를 이용하는 방법이 좋을까요, 자바스크립트로 조절하는 게 좋을까요? 저는 전자의 방법으로 구현했는데 어떤게 더 괜찮은 방법일까 궁금해서 여쭤봅니당 css 는 `display;none` 사용했어요.

jest환경에서의 export * from './*' 이슈

안녕하세요 react native로 테스트코드를 짜다가 막힌 개발자입니다 저는 주로 hooks라는 폴더가 있으면 그 안에 index.ts를 만들어서 이와 같은 레이어의 폴더,파일들을 전부 export * from './*' 하여 실제로 사용할때 import { someHook } from 'hooks' 이렇게 사용하고 있었습니다. 구현 및 동작에는 오랫동안 이슈가 없었지만 이번에 유닛테스트를 도입하면서 jest가 'hooks'라는 놈을 import하는 파일을 테스트할 시 그 안에 모든 파일들을 읽어서 테스트실패가 아닌 jest에러를 계속 만나고 있습니다.. 노가다 mocking을 하여 어느정도 막았지만 테스트할 파일이 아닌 파일에서 계속 에러가 등장해서 babel과 jest의 config를 계속 수정해봤지만 해결이 되지않아 이렇게 자문을 구합니다. 추가로 웹에서도 이러한 export * 을 사용한 index.ts패턴을 사용할 때 성능 등의 이슈가 없는지 궁금합니다!

현업에서 gsap 많이 사용하나요?

인터랙션 애니메이션에 대해서 관심이 많아서 공부를하려는데 인강을 찾다보니 바닐라 js로 하는경우도 있고 gsap 라이브러리를 써서 사용하는경우가 있는데 현업에서는 어떤걸 더 많이 사용하는지 궁금합니다!

javascript hasOwn 과 hasOwnProperty의 차이는 뭔가요?

javascript hasOwn 과 hasOwnProperty의 차이는 뭔가요? 둘을 혼용해서 사용하고 있는데 기본적인 사용법이 다르기는 한데 왜 같은 기능을 하는걸 두 개를 만든 걸까요?