js shuffle 귀찮 

    
 
js shuffle 하려고 하면서 느낀점이 파이썬은 다 기본제공인데 너무 귀찮다는 것이었다.

Python은 매우 편리한 표준 라이브러리와 내장 함수들을 제공해서, 여러 작업들을 매우 간단하게 처리할 수 있죠. 예를 들어, Python에서는 리스트를 무작위로 섞기 위해 `random.shuffle()` 함수를 바로 사용할 수 있습니다:

```python
import random

my_list = [1, 2, 3, 4, 5]
random.shuffle(my_list)
print(my_list)
```

JavaScript와 같은 다른 언어들에서는 이러한 편의성을 직접 구현해야 할 때가 많습니다. 그래서 때로는 JavaScript에 Python의 편리함이 그리울 수도 있어요. 그러나, JavaScript는 웹 개발에서의 강력한 기능과 유연성으로 널리 사용되며, 다양한 라이브러리와 프레임워크를 통해 이러한 차이를 극복하고 있어요. 

각 언어마다 장단점과 사용 사례가 다르기 때문에, 상황에 맞게 적절한 언어를 선택하는 것이 중요합니다. 때로는 더 많은 코드를 작성해야 할 수도 있지만, 그 과정에서 해당 언어의 더 깊은 이해와 프로그래밍 능력의 향상을 기대할 수 있어요.

파이썬이 특히 편리하게 느껴지는 이유 중 하나는 그 설계 철학과 목표에 있어요. 파이썬의 창시자 귀도 반 로섬은 사용하기 쉽고, 읽기 쉬운 언어를 만들고자 했어요. 파이썬의 공식 모토인 "There should be one-- and preferably only one --obvious way to do it."는 이러한 설계 철학을 잘 반영하고 있죠. 이 때문에 파이썬은 초보자부터 전문가까지 널리 사용되며, 다양한 분야에서 인기가 많습니다.

JavaScript는 원래 웹 브라우저 내에서 작동하는 스크립트 언어로 시작했어요. 따라서 그 초점은 동적인 웹 콘텐츠 생성에 맞춰져 있었죠. 시간이 지나면서 Node.js의 등장으로 서버 측 개발에도 사용되기 시작했고, 이제는 웹 개발뿐만 아니라 여러 분야에서 사용되는 다목적 프로그래밍 언어로 발전했습니다. 그러나 이러한 역사적 배경과 발전 과정은 JavaScript가 특정 작업에 대해 파이썬보다 더 복잡하게 느껴질 수 있는 이유 중 하나예요.

언어의 표준 라이브러리나 내장 함수가 갖는 편의성은 해당 언어의 커뮤니티, 설계 철학, 그리고 주 사용 사례에 크게 의존해요. 파이썬은 다양한 분야에서 "배터리가 포함된(batteries included)" 접근 방식을 취함으로써, 많은 일반적인 작업들을 표준 라이브러리를 통해 간단히 해결할 수 있도록 설계되었어요.

JavaScript도 그 자체로 매우 강력한 언어이며, 특히 비동기 처리와 웹 기반 기술에 있어서는 파이썬보다 더 많은 기능을 자연스럽게 지원해요. JavaScript 생태계는 다양한 외부 라이브러리와 프레임워크를 통해 계속해서 발전하고 있으며, 이들을 통해 많은 편의성을 제공받을 수 있어요.

결국, 각 언어는 그것을 사용하는 커뮤니티와 개발자들의 필요에 따라 발전해왔고, 그 결과로 각각의 장단점과 특징을 갖게 되었어요. 따라서 특정 언어가 다른 언어보다 "더 나은" 것이 아니라, 각각의 사용 사례와 요구 사항에 따라 가장 적합한 도구를 선택하는 것이 중요해요.

댓글

댓글 쓰기

이 블로그의 인기 게시물

STUDY

@GetMapping("/proxy-download") public ResponseEntity<Resource> proxyDownload() {     String sourceUrl = "https://example.com/file-to-download.bin";     ResponseEntity<byte[]> response = restTemplate.exchange(         sourceUrl,         HttpMethod.GET,         null,         byte[].class     );     byte[] fileBytes = response.getBody();     // 👉 원본 Content-Disposition 헤더에서 파일 이름 추출     String disposition = response.getHeaders().getFirst(HttpHeaders.CONTENT_DISPOSITION);     String filename = "default.bin"; // fallback     if (disposition != null && disposition.contains("filename=")) {         // Content-Disposition: attachment; filename="some_file.bin"         filename = disposition.split("filename=")[1].replace("\"", "").trim();     }     HttpHeaders ...
Read more »

vue

vue create vue3-project이름 vscode에 vetur 를 설치함 index.html있고 src에 main.js가 시작 포인트 템플릿 npm run serve로 시작 앱.뷰 단위 파일에 template script style이렇게 들어가 있다 컴포넌트 ==== .vue를 쓰면 그게 뷰 컴포넌트 세가지로 구정 template script style composition api는 스크립트 안에 export default { setup(){ 변수 선언이 가능해지는데 이걸로 템플릿안에서 사용 가능 → 변수인가? {{ name }} 이런식으로 사용가능 함수는 {{ hello() }} 이런식으로 사용가능 return 에 setup함수의 변수나 } } 이런식 vue2 → vue3로 바뀌면서 바뀐거 vue2에서는 템플릿 안에 하나의 태그(루트) 안에 모든 요소들이 있어야 했었는데 이제는 그럴 필요 없음 이벤트는 템플릿의 태그 속성으로 바로 들어감 이런식으로 v-on:click ="함수이름괄호없이" 변수는 스테이트가 아니라서 바뀌어도 템플릿 반영 안됨 그러니까 ref를 사용해 줘야한다 import ref from vue...대충 한다음에 ref()이렇게 해줘야한다. → value를 꼭적어줘야하고 reactive도 있음 → value 적을 필요 없고 기본자료형과 object array만 사용가능 뭔차이지.. 단방향 바인딩 데이터 바인딩-데이터를 인풋이랑 연결하는거? 인데(유저 인풋을 받아가는건 아니고..) 태그의 속성들을 변경할 수 있게 한다 아무튼 이건 어떻게 하냐면 <input type="text" v-bind:value="name"> 인풋의 value값을 name 변수랑 동기화 되게 한다.. v-bind:value="name"> 줄여서 :value="name"> 이렇게도 사용가능 v-on:click ="함수이름괄호없이" 이거도 줄...
Read more »

Capacitor 웹 기반 애플리케이션을 네이티브 앱으로 감싸고, 네이티브 기능에 접근할 수 있게 해주는 프레임워크

  Capacitor는 웹 네이티브 앱을 빌드하기 위한 오픈 소스 네이티브 런타임입니다. JavaScript, HTML, CSS로 크로스 플랫폼 iOS, Android, Progressive Web Apps를 만드세요. https://capacitorjs.com/ 🚀 **Capacitor란?** ------------------ **Capacitor**는 **웹 기반 애플리케이션을 네이티브 앱으로 감싸고, 네이티브 기능(GPS, 블루투스, 푸시 알림 등)에 접근할 수 있게 해주는 프레임워크**야.\ 📌 **Ionic 팀에서 개발한 오픈소스 프로젝트**로, **Cordova보다 현대적인 웹-네이티브 브릿지** 역할을 수행해. ### ✅ **Capacitor의 핵심 특징** 1.  **웹을 그대로 네이티브 앱(Android, iOS)으로 변환 가능** 2.  **네이티브 기능 (GPS, 카메라, 푸시 알림, 파일 시스템 등) 쉽게 연동 가능** 3.  **PWA, 웹, 네이티브 앱을 하나의 코드베이스에서 운영 가능** 4.  **Cordova보다 현대적이고, 최신 웹 기술과 잘 호환됨** 5.  **React, Vue, Angular, Svelte 같은 프레임워크와도 호환됨** * * * * * ✅ **Capacitor 사용 방법** --------------------- ### 📌 1️⃣ **설치 및 프로젝트 설정** 먼저, Capacitor를 설치해야 해. ``` npm install @capacitor/core @capacitor/cli ``` 📌 **웹 프로젝트를 Capacitor 기반으로 초기화** ``` npx cap init "MyApp" "com.example.myapp" ``` 이제 Capacitor가 `capacitor.config.ts` 또는 `capacitor.config.json` 파일을 생성하면서 앱을 설정함. * * * * * ### 📌 2️⃣ **네이티브 플랫폼 추가** Ca...
Read more »