React notes Babel -> can use JSXReact -> easy frontend code with its library and JSX(babel) self-closing element. Same as with closing tagged ones. Arrow Function Study/Coding 2026.02.20
Installing Open WebUI on Windows 1. Install Python2. Install open-webui through the installed python3. python 3.11 - https://www.python.org/ftp/python/3.11.9/python-3.11.9-amd64.exe* https://www.python.org/downloads/windows/**other versions of python installed will not work. See the image below***if you have other versions already installed, no need to delete the existing ones but use following command to select python version... Study/Coding 2025.11.14
DOM objects/elements document - the root of the page document.URI, document.height, document.links, document.bgColor..... element - a node in the tree Returned by a member of the API (ex: div, p, h1, ...) nodeList - an array of elements document.getElementByTagName('p') would return a set of nodes Study/Coding 2020.05.22
Scope and Hoisting Global scope All functions can access items it's a good idea to make a Global variable with objects Function Scope Resolves names by looking at function, then surrounding functions, then the global scope var and Hoisting Use let and const to declare JavaScript only hoists declarations, not initializations. Undeclared Variables and Strict Mode You can use strict mode by putting 'use strict'; on t.. Study/Coding 2020.03.01
Array Creating and Initializing Arrays const arr = [1,2,3] const arr = Array.of(1,2,3) Accessing Array Items arr[index] array is zero based (starts from 0) Manipulating Arrays with methods push() add the values to the end of the array. pop() Removes the element from the end of the array. shift() Removes the element from the beginning of the array unshift() add the values to begining of the array slice.. Study/Coding 2020.03.01
Objects Object Properties and Methods https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object obj.propName obj['propName'] Passing Objects to Functions Functions can change an object's properties and methods Standard Built-in Objects https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects date, math, string, number The Document Object Model (DOM) .. Study/Coding 2020.02.17
Functions Function Basics Function Expressions What are the benefits of declaring a function as variables? (02112020) Passing Information to Functions Function Return Values Function Scope functions can access variables that declared outside of the functions but not vice versa Using Functions to Modify Web Platform Study/Coding 2020.02.12
Program Flow If ... else statements truthy and falsy expressions comparing === to == The Ternary Operator Block Scope Loops: for, while, do...while Conditionals Using if() ===: equal !==: not equal Truthy and Falsy Falsy Truthy false 0 "" or '' (empty strings_ null undefined NaN Everything NOT falsy 0.5 "0" String *floating point bug in JS use parenthesis, toFixed(...), and string to number to fix this bug h.. Study/Coding 2020.02.12
Types and Operators Operator: typeof show the type of the operand Numbers - subtract + add * multiply / divide % remainder ++ increment (add 1) -- decrement (subtract 1) ** exponentiation common increment bug(also works in decrement) Number precision bug number operator shortcut price = price - 5; price -= price; are same Operator precedence Precedence Operator type Associativity Individual Operators 21 Grouping n/.. Study/Coding 2020.02.07
Variables and Constants Variables Keyword: let, var Starts with _ $ letter Can't be started with number a account account_100 accountNumber (Camelcase) _accountNumber (Private Variable) let keyword(Scope Local Variable) var keyword(Global Variable) Constants Keyword: const Constants can't be changed Error : const price = 40; price = 50; if you are unsure about when to set variable or constant, then constant first and l.. Study/Coding 2020.02.07
File의 두가지 형식, Binary / Text File (파일) 의미 있는 정보를 담고 있으며, 이름을 가지고 있는 저장 장치상의 논리적인 단위.바이트별로 따로 읽을 수 있는 연속적인 바이트의 집합.ex) ASCII 파일 Text (텍스트 파일)사람이 알아볼 수 있는 문자열로 이루어진 파일, 프로그램이 텍스트 파일을 읽거나, 사용할 때는 포맷 형식에 따라 데이터 변환이 일어남. Binary file (이진 파일)컴퓨터 내에 저장과 처리 목적을 위해 이진형식(0과 1) 으로 인코딩된 데이터를 의미한다.프로그램이 바이너리 파일을 읽거나 사용할 때에는 데이터의 변환이 필요하지 않다.문자열로 해석될 수 있는 부분을 포함하고 있다. 포맷 정보가 없다면 완전한 텍스트 파일이라고 본다.ex) 포맷 텍스트를 포함하는 컴퓨터 문서 파일 *유니코드 텍스트 파일은 텍스.. Study/Coding 2018.11.02