본문 바로가기

Technique

 (56)
[Vue3] Changes in Vue life cycle 라이프 사이클은 Vue2 및 Vue3에서 유사하게 작동하지만 컴포지션 API를 사용하면 이러한 라이프 사이클 후크에 대한 액세스가 다음과 같이 변경되었습니다. beforeCreate 및 created lifecycle hooks는 setup()이 이들을 대체하고, 정확한 기능을 수행하기 때문에 필요하지 않습니다. 그리고 이러한 라이프 사이클 후크를 사용하기 전에 가져 오는 것이 중요합니다. 예를 들어, onBeforeMount 는 다음과 같이 작성됩니다. import { onBeforeMount } from 'vue' export default { setup() { // mounted onBeforeMount(() => { // implementation }) } } 즉, 모든 라이프 사이클 후크와 그 ..
[Vue3] Composition API Vue 사용의 장점 중 하나는 기능과 함께 코드의 반복 가능한 부분을 추출 할 수 있다는 것입니다. 이는 코드의 유지 관리 가능성과 유연성을 향상시키는 데 큰 역할을하지만 응용 프로그램이 많은 구성 요소와 함께 커지면 더 어려워 질 수 있습니다. Vue2에서는 데이터, 계산, 메서드, 시계와 같은 구성 요소의 옵션을 사용하여 논리를 구성합니다. 이 접근 방식은 성장된 구성 요소의 경우 코드를 읽고 이해하기 어렵게 만듭니다. 다음은 기본 Vue2 코드의 예입니다. export default { components: { Component1, Component2 }, props: { prop1: { type: String, required: true } }, data () { return { object 1,..
vue3 무엇이 다를까? Vue3는 Vue2 보다 더 빠르고, 작고, 유지보수가 용이하다. 또한 네이티브 타겟팅이 더 쉽다. Vue3는 Vue2의 기본 구문은 매우 유사하다. Vue3에 새롭게 도입 된 새로운 변경 사항 1. 컴포넌트 API 2. Vue 라이프 사이클의 변화 3. 텔레포트 4. 조각 5. 초기화 코드 하나씩 알아 보도록 하자!!!
Vue 기술 면접(주니어) Q1: What is Vue.js? Q1. Vue.js 가 뭔가요? - Even You(에번 유) 가 2014년도에 발표한 자바스크립트 프레임워크 - 동적인 사용자 인터페이스(UI) 를 만들기 위한 프레임워크 Q2: How to create an instance of Vue.js? Q2. Vue instance 는 어떻게 생성하나요? - Vue() 생성자 함수를 이용하여 생성 - 생성시 옵션 객체를 전달 let vm = new Vue({}); - vue component 도 vue instance 와 동일하다. Q3: Explain the differences between one-way data flow and two-way data binding? Q3. 단방향 바인딩과 양방향 바인딩에 대한 차이점을..
[python] 첨부파일 처리 [python] requests 첨부파일 및 데이터 전송 예제 (tistory.com)에 이어서 post로 넘어온 첨부파일 처리 방법 예제입니다. if 'narray' not in request.files: return 'File is missing', 404 # 3) print(request.values.get('shape1')) print(request.values.get('shape2')) print(request.values.get('shape3')) print(request.values.get('dtype')) file = request.files['narray'] if file: convert_bytes = bytes(file.read()) convert_float64 = np.frombuff..
[python] requests 첨부파일 및 데이터 전송 예제 requests 사용하여 첨부 파일 전송 import requests file = { 'narray': convert_bytes, 'x_coord': x_coord.tobytes(), 'y_coord': y_coord.tobytes(), } data = { 'shape1': shape1, 'shape2': shape2, 'shape3': shape3, 'dtype': roi_array.dtype, 'x_shape': x_coord_shape, 'x_dtype': x_coord.dtype, 'y_shape': y_coord_shape, 'y_dtype': y_coord.dtype, } response = requests.post('http://xxx.xxx.xxx.xxx/detection', files=f..
파이썬 npArray 변경 및 복원 # npArray를 byte로 변경 convert_bytes = roi_array.tobytes() shape1, shape2, shape3 = roi_array.shape # bytes를 npArray 변경 convert_float64 = np.frombuffer(convert_bytes, dtype=np.float64) temp_roi_array = convert_float64.reshape(roi_array.shape) # shape 배열의 형상 정보(차원 혹은 축)를 확인 npArray 형태를 출력함 (255,245,5) bytes로 변경한 npArray로 복원하기 위하여서는 shape를 꼭 알아야 한다. 그렇지 않으면 1차원 배열로 복원된다.
파이썬 명명 규약 함수, 변수, 애트리뷰트는 "lowercase_underscore" 처럼 소문자, 밑줄을 사용 보호해야 하는 인트턴스 애트리뷰트는 "_lowercase_underscore" 처럼 밑줄로 시작 비공개 인스턴스 애트리뷰트는 "__lowercase_underscore" 처럼 밑줄 2개로 시작 클래스는 "LowerCase" 처럼 카멜 캐이스를 사용

티스토리툴바