model-viewer의 github submodule (크로노스 그룹 gltf 모델 패키지) 업데이트 시도 할때 제목의 오류가 발생하면서 작업이 취소 되는 상황이 발생하여 찾아보다 해결방법을 발견하여 게시함
요약 ) github에서 RSA SSH키를 업데이트 하였으니 오류가 난다면 아래 방법으로 known hosts 파일을 업데이트 할것
다른 이런저런 정보는 발견하면 추가함
Quasar의 모든 글
Revolutionizing AI: Introducing Emu Video & Emu Edit for Next-Level Video Generation and Image Editing
이미지 포맷 판별 방법
Javascript 에서 url 또는 path 로 표현된 파일을 인자로 받았을 때 이미지인지 아닌지 확인
// use Regexp
function isImage( fileName ) {
const regexp = /(\.jpg|\.jpeg|\.png)$/i;
return regexp.text( fileName );
}
console.log( isImage( 'test.png' ) ); // true
console.log( isImage( 'test.txt' ) ); // false
Module not found: Error: Can’t resolve ‘fs’
three.js 모듈중 ttf 로더를 사용 했을 경우 nuxt build error 가 발생하였다.
opentype.module.js 내부에서 nodejs 의 ‘fs’ 라는 모듈을 사용하는데 nuxt 에서 이 키워드가 충돌 되나 보다. nuxt config 에서 해당 키워드를 지워주면 에러가 사라진다.
if I want to make generative AI platform, what knowledges need to me? book, youtube, lecture anything recommends.
Creating a generative AI platform requires a combination of knowledge in machine learning, software development, and domain-specific expertise depending on the type of content you want to generate (e.g., images, text, music, etc.). Here’s a general roadmap of the knowledge areas and some resources to get you started:
- Foundational Knowledge:
- Linear Algebra, Probability, and Statistics: Crucial for understanding the underlying math of most algorithms.
- Book: “Linear Algebra and Its Applications” by Gilbert Strang
- Book: “Pattern Recognition and Machine Learning” by Christopher Bishop
- Programming: Proficiency in a language like Python is essential.
- Online: Codecademy’s Python Course, LeetCode for practice
- Linear Algebra, Probability, and Statistics: Crucial for understanding the underlying math of most algorithms.
- Machine Learning Basics:
- Book: “Hands-On Machine Learning with Scikit-Learn, Keras, and TensorFlow” by Aurélien Géron
- Online Course: Coursera’s “Machine Learning” by Andrew Ng
- Deep Learning and Generative Models:
- Book: “Deep Learning” by Goodfellow, Bengio, and Courville
- Online Course: Coursera’s “Deep Learning Specialization” by Andrew Ng
- Topics to focus on:
- Convolutional Neural Networks (CNNs) for image data.
- Recurrent Neural Networks (RNNs), especially Long Short-Term Memory (LSTM) networks for sequences like text or time series.
- Generative Adversarial Networks (GANs) for generating new data samples.
- Variational Autoencoders (VAEs) for generative tasks.
- Generative AI Specializations:
- For text:
- Dive into models like GPT-2, GPT-3, or BERT. OpenAI and HuggingFace have great resources and APIs for these.
- For images:
- Explore DCGANs, StyleGAN, and Pix2Pix.
- For music:
- Look into WaveGAN or OpenAI’s MuseNet.
- For text:
- Software Development & Platform Creation:
- Frameworks: TensorFlow, PyTorch, Keras are the popular choices for deep learning.
- Deployment: Learn about tools like Docker, Flask/Django for web-based platforms, and cloud platforms like AWS, GCP, or Azure for scalability.
- Book: “Flask Web Development” by Miguel Grinberg for web-based applications.
- Continuous Learning:
- Follow AI researchers and organizations on platforms like Twitter or LinkedIn.
- Read arXiv for the latest research papers.
- Attend conferences, either in-person or virtually, such as NeurIPS, ICML, ICLR.
- YouTube Channels:
- Two Minute Papers: Great for keeping up with the latest research.
- Sentdex: Provides tutorials on a wide range of programming and machine learning topics.
- Yannic Kilcher: Deep dives into AI research papers.
- Practice:
- Work on projects and put your knowledge to the test.
- Participate in Kaggle competitions to apply what you’ve learned and learn from kernels shared by others.
Lastly, remember that the field of AI and machine learning is vast and constantly evolving. It’s essential to stay curious and continue learning.
플라스틱 재활용에 대한 Chat GPT 답변
tell me the reason plastic can not re-usable on chemistry. why can not re assemble them?
ChatGPT
Plastics are typically challenging to reassemble or reuse through chemical processes for several reasons:
- Polymer Complexity: Plastics are composed of long chains of polymers, which are large molecules made up of repeating units. These polymers can be very complex and vary significantly depending on the type of plastic (e.g., polyethylene, polypropylene, PVC). Breaking down these complex polymers and reassembling them is a complex and energy-intensive process.
- Irreversible Cross-Linking: Some plastics, such as thermosetting plastics like epoxy and phenolic resins, contain cross-linking chemical bonds that form a three-dimensional network. These cross-links are irreversible, making it difficult to break them down and reassemble the material into its original form.
- Contaminants: Used plastics often contain contaminants like dirt, oils, and other materials that can interfere with chemical processes. These impurities can make it challenging to obtain high-purity plastic materials through chemical recycling.
- Degradation: Plastics can undergo degradation when exposed to heat, light, and oxygen over time. This degradation can result in changes to the chemical structure of the plastic, making it difficult to return it to its original properties.
- Energy Intensive: Recycling plastics chemically can be energy-intensive and expensive. The high temperatures and pressures required to break down the polymers and reassemble them into new materials can make the process economically impractical in many cases.
- Limited Reusability: Even when chemical recycling is possible, it often results in the production of lower-quality plastics with properties inferior to virgin materials. This limits the number of times plastics can be recycled chemically before they become unsuitable for most applications.
While chemical recycling techniques are continually improving, they still face significant challenges in terms of efficiency, cost-effectiveness, and scalability. Mechanical recycling, such as melting and reshaping plastics, remains a more common and economically viable method for reusing plastics. Innovations in recycling technologies are ongoing, and researchers are exploring ways to make plastics more recyclable and environmentally friendly.
is plastic extracted from oil?
ChatGPT
Yes, plastic is typically derived from petroleum, which is a fossil fuel. The process of making plastic from petroleum involves several chemical steps, and it is called petrochemical production. Here’s a simplified overview of how plastic is produced from oil:
- Crude Oil Extraction: Crude oil is extracted from underground reservoirs through drilling and pumping. Crude oil is a mixture of hydrocarbons and other compounds.
- Refining: Crude oil is transported to refineries, where it undergoes a refining process to separate various components, including gasoline, diesel fuel, jet fuel, and petrochemical feedstocks.
- Petrochemical Production: The petrochemical feedstocks obtained from the refining process are then used as raw materials for the production of plastics. The primary petrochemicals used in plastic production are ethylene, propylene, and other monomers.
- Polymerization: In polymerization, these monomers are chemically bonded together in a controlled process to form long chains of polymers, which are the building blocks of plastics.
- Additives and Processing: Various additives, such as stabilizers, plasticizers, and colorants, are mixed with the polymer to give the plastic its desired properties. The resulting mixture is then processed into various forms, such as pellets, sheets, or molded products.
- Manufacturing: The processed plastic is used to manufacture a wide range of products, from packaging materials and automotive parts to toys and consumer goods.
It’s important to note that not all plastics are made from petroleum. Some plastics can be produced from alternative feedstocks, such as natural gas or renewable resources like biomass. These alternative feedstocks can help reduce the environmental impact of plastic production and lessen dependence on fossil fuels. However, petroleum-based plastics are still the most common and widely used types of plastics.
what kind of studies or researches are process about plastic reuse or reassemble nowadays? and were they got result? tell me anything about it.
ChatGPT
Research and studies related to plastic reuse and reassembly are ongoing in various fields, including materials science, chemistry, and engineering. These efforts aim to develop more sustainable methods for recycling and reusing plastics, reduce environmental impacts, and minimize plastic waste. Here are some areas of research and recent developments in the field of plastic reuse and reassembly:
- Chemical Recycling: Scientists are working on improving chemical recycling techniques, such as depolymerization and pyrolysis, which break down plastics into their constituent monomers or smaller chemical compounds. These processes can potentially yield higher-quality recycled plastics and reduce the need for virgin plastic production. Research has made progress in optimizing these processes and scaling them up for industrial use.
- Biodegradable Plastics: Researchers are developing biodegradable plastics made from renewable resources like plant starch, cornstarch, or algae. These plastics can break down naturally in the environment, reducing the persistence of plastic waste. However, challenges remain in terms of their cost-effectiveness, performance, and widespread adoption.
- Mechanical Recycling: Innovations in mechanical recycling technologies are aimed at improving the efficiency of sorting, cleaning, and reprocessing used plastics. Advanced sorting and separation techniques, along with better recycling equipment, are being explored to increase the quality and yield of recycled materials.
- Plastic Upcycling: Some researchers are exploring methods to “upcycle” plastics into higher-value products, such as textiles, building materials, and chemical feedstocks. For example, recycled PET bottles can be used to make polyester fabrics, reducing the need for virgin polyester production.
- Biotechnological Solutions: Biotechnology is being applied to develop microorganisms that can break down and digest plastics, potentially offering a more environmentally friendly approach to plastic degradation. Enzymes that can degrade specific types of plastics have also been studied.
- Eco-Friendly Additives: Scientists are researching and developing additives that can enhance the recyclability and biodegradability of plastics. These additives can help mitigate the environmental impact of plastic waste.
- Circular Economy Initiatives: Governments, businesses, and organizations are promoting the concept of a circular economy for plastics. This involves designing products and packaging for reuse and recycling, as well as implementing extended producer responsibility (EPR) programs to incentivize responsible plastic management.
- Policy and Regulation: Policymakers and regulators are implementing laws and regulations aimed at reducing single-use plastics, increasing recycling rates, and promoting sustainable plastic use. These policies are designed to drive industry innovation and consumer behavior change.
It’s important to note that while significant progress has been made in plastic reuse and recycling, challenges remain, including economic viability, scalability, and consumer behavior. The development and adoption of more sustainable practices and technologies are ongoing efforts, and the effectiveness of these solutions will continue to evolve over time.
안드로이드 웹 뷰에 HTML 로드하기
안드로이드 앱에 내가 만든 THREE.JS 뷰어를 로드 해야할 일이 생겼다.
threejs 캔버스가 들어간 HTML파일을 준비하고 다음과 같이 로드 해주면 된다. 단, 안드로이드 웹 앱에서 자바스크립트를 실행하려면 다음과 같은 설정이 필요하다.
webView.addJavascriptInterface(this, "android");
webView.loadUrl("javascript:android.onData(functionThatReturnsSomething)");참고
Nuxt build config
https://v2.nuxt.com/docs/configuration-glossary/configuration-target/
nuxt (vue) 를 정적 사이트 ( index.html ) 형태로 빌드 하고 싶다면 다음의 옵션을 조정하면 된다.
// nuxt.config.js
export defulat {
target: "static", // server 를 바꾼다.
ssr: false, // true
...
}+ 추가사항 ) nuxt 는 SSR 이기 때문에 각 모듈을 렌더링 타임에 link 하는 방식으로 동작하여 완벽한 방식은 아니다
따라서 컴팩트한 html 을 원할 경우 SSR 이 아닌 다른 Front end 프레임워크 ( vue, flutter 등.. ) 을 사용하는게 좋다.
Obstacles Productivity
Differences retain context between arrow function and regular function
class Test {
constructor() {
this.func1 = () => {
// use keyword 'this' on the event handler
}
}
func2() {
// doesn't use keyword 'this' on the event handler
}
}
The differences between `func1` and `func2` in the provided JavaScript code relate to how they handle the context of the `this` keyword. Let’s break down the differences step by step.
1. **Arrow Function vs Regular Function:** `func1` is defined using an arrow function (`() => { … }`), whereas `func2` is defined using a regular function (`function() { … }`). Arrow functions capture the surrounding context, including the value of `this`, while regular functions have their own `this` binding that is determined by how the function is called.
2. **Binding of `this`:** In `func1`, since an arrow function is used, the value of `this` inside `func1` will refer to the instance of the `Test` class where `func1` is defined. This means that no matter where `func1` is called, the `this` context remains the same as the instance of the class. Arrow functions don’t have their own `this` context; they inherit it from their enclosing function (or in this case, the constructor). In `func2`, since a regular function is used, the value of `this` will depend on how `func2` is called. If `func2` is called as a method of the `Test` instance (`testInstance.func2()`), then `this` will refer to the instance. However, if `func2` is extracted and called in a different context (e.g., as a standalone function), the value of `this` can change, possibly leading to errors or unintended behavior.
3. **Usage in Event Handlers:** If you intend to use these functions as event handlers, `func1` might be more convenient. Since it’s an arrow function, it retains the instance context, ensuring that you can use the `this` keyword inside the event handler to refer to the instance of the class. On the other hand, if you use `func2` as an event handler, the value of `this` might change based on how the event is triggered, potentially leading to unexpected results or errors.
In summary, the key difference between `func1` and `func2` lies in how they handle the `this` keyword, with `func1` using an arrow function to maintain the instance context and `func2` relying on the standard function’s `this` binding, which can be influenced by how it’s called.