Optical illusion
๐ Rotating Rings โ Stare at the centre and the concentric ring pattern appears to physically rotate. High-contrast luminance steps misfiring motion-detector cells in your peripheral vision โ a Peripheral Drift effect.
๐งฑ Cafรฉ Wall โ Perfectly parallel horizontal lines appear to converge like trapezoids. The grey mortar joints between offset black-and-white tiles confuse orientation-selective neurons. Row offset and mortar thickness are both adjustable.
โฌ Hermann Grid โ Grey ghost dots appear at the intersections between white squares, then vanish when you look directly at them. Caused by lateral inhibition in the retinal ganglion cells.
๐ Spinning Dancer โ The silhouette dancer can be seen spinning either clockwise or counterclockwise. Focus on the foot or the shadow to flip the perceived direction of rotation.
โญ Ebbinghaus Illusion โ Two identical circles look different in size depending on the size of the surrounding circles. A slider controls the surround size so you can strengthen or weaken the effect.
โ๏ธ Mรผller-Lyer โ Identical line segments look different in length depending on the direction of the arrowheads. Arrowhead size and line length are both adjustable. An "EQUAL" bracket on the right confirms the lines are the same.
๐บ Rubin's Vase โ The image can be read as either a white vase or two faces looking at each other. A classic figureโground illusion where both interpretations compete inside the brain.
๐ง Motion Aftereffect โ Stare at the flowing stripes on the left for 20 seconds, then shift your gaze to the static grid on the right โ the grid will appear to drift in the opposite direction. A static demonstration of the Waterfall Illusion.
๐ฒ Simultaneous Contrast โ Two squares of identical grey (RGB 128) look dramatically different in brightness depending on the background behind them. A BG contrast slider lets you tune the strength of the effect.
โก Scintillating Grid โ White dots at intersections seem to flicker and disappear as your eyes move across the pattern. An enhanced version of the Hermann Grid, with adjustable square size, gap, and dot radius.
๐ฆ Necker Cube โ A wire-frame cube appears to project outward in two different directions, and your perception flips as you stare at it. The brain alternates between two equally valid 3D interpretations in the absence of depth cues.
๐ Troxler's Fading โ Fix your gaze on the central cross without moving your eyes and the surrounding coloured ring slowly fades and disappears. Neural adaptation reduces the brain's response to unchanging stimuli โ revealing how much of your visual field is actively ignored.
Network effects | Interactive Visualizer
10 interactive Network Effects visualizers!
๐ก Metcalfe's Law โ Animates every edge formed as n users connect in real time. Adjust the user count slider and the number of connections (n(n-1)/2) and network value (nยฒ) update instantly. A comparison chart overlays the Linear, Metcalfe, and Reed's Law growth curves side by side.
๐ Adoption Curve โ Rogers' technology adoption S-curve unfolds along a time axis. Adjust the tipping point position and growth rate k to visualise the exact moment of "crossing the chasm," with a five-segment adoption band (Innovators โ Laggards) displayed below the chart.
๐ฆ Viral Spreading (SIR) โ 200 particles move between S (blue), I (red), and R (grey) states as the epidemic spreads. An Rโ = ฮฒ/ฮณ gauge updates in real time โ above 1 the infection spreads, below 1 it dies out. Includes an explanation of how this maps to the product K-factor.
๐๏ธ Network Types โ Five types (Direct, Indirect, Data, Social, Local) are laid out as interactive cards, each containing a live mini network graph of its own structure. A bar chart at the bottom compares the competitive moat strength of each type.
๐ฅ Critical Mass โ A live level gauge and time-series chart show whether a network self-sustains or collapses depending on whether it sits above or below the threshold. Adjust the threshold and seed percentage to catch the exact moment a tipping point is crossed.
๐๏ธ Platform Competition โ A pie chart and time-series graph together show how two platforms' market shares converge toward natural monopoly under network effects. Tune initial size and product quality to experiment with the conditions that trigger Winner-Take-All dominance.
๐ Churn & Retention โ A spinning flywheel diagram visualises how retention rate, viral coefficient, and new user acquisition interlock. The long-run user count trend and LTV estimate update in real time as you adjust the sliders.
๐ Geographic Spread โ Diffusion waves (expanding rings) radiate from the launch city and claim neighbouring cities one by one. A cascade effect is implemented โ an adopted city shortens the adoption timer of nearby cities โ letting you experience the city-by-city rollout strategy used by Uber and Airbnb.
๐ฑ Social Network โ Nodes are added in real time through invite loops, and nodes with more connections are rendered larger. The right-hand panel covers social graph growth insights including Facebook's north-star metric of "7 friends in 10 days."
๐ Marketplace (Two-Sided) โ Live transactions (yellow $ particles) flow back and forth between the buyer zone (blue) and seller zone (green), and both sides grow automatically as transactions accumulate. The right panel explains liquidity score, the cold-start problem, and the concept of rake rate.
Computer Science | Algorithms
Sorting โ 6 Algorithms
๐ซง Bubble Sort โ Compares adjacent elements and "bubbles" the larger value to the right. Each pass is colour-coded to show the maximum value settling at the end. Live counters track comparisons (red), swaps (yellow), and sorted elements (green).
๐ฏ Selection Sort โ Scans the unsorted region for the minimum value (blue pivot ยท orange current minimum) and swaps it to the front. Always performs O(nยฒ) comparisons, but keeps the number of swaps to a minimum.
๐ Insertion Sort โ Takes the next element and inserts it into its correct position within the already-sorted region. An adaptive algorithm that approaches O(n) on nearly-sorted arrays.
๐ Merge Sort โ Recursively splits the array in half, then merges the halves back together. The merge step โ comparing two sub-arrays and placing elements in order โ is shown as blue bars. Stable sort with a guaranteed O(n log n) time.
โก Quick Sort โ Picks a pivot (orange) and partitions the array so smaller values go left and larger values go right, then recurses on each side. Average O(n log n), worst case O(nยฒ). Once a pivot's final position is confirmed, it turns green.
๐๏ธ Heap Sort โ Builds a Max-Heap from the array (heapification), then repeatedly extracts the root (maximum). In-place sort with a guaranteed O(n log n) time.
Graph โ 4 Algorithms
๐ BFS โ Explores outward from the start node one layer (hop) at a time. Guarantees the shortest path by hop count in unweighted graphs, then traces the route back through parent pointers once the goal is reached.
๐ DFS โ Recurses as deep as possible along each branch before backtracking. Does not guarantee the shortest path, but is the foundation for connectivity checks, topological sorting, and cycle detection.
๐บ๏ธ Dijkstra โ Finds the true shortest distance in a weighted graph. A priority queue ensures the lowest-cost node is always processed first; edge weights are displayed inside each node.
โญ A* โ Dijkstra plus a heuristic (Euclidean distance to the goal). The formula f(n) = g(n) + h(n) steers the search toward the target, making it faster than Dijkstra in practice. Guarantees an optimal path as long as the heuristic is admissible.
Chem Lab | Elephant Toothpaste
An eleven-experiment high school chemistry lab visualiser!
๐ฆท Elephant Toothpaste โ Raise the HโOโ concentration and KI catalyst sliders to watch foam erupt in real time. Includes a live reaction rate meter (%), a temperature gauge showing the exothermic heat release, and a full equation panel.
๐ Baking Soda Volcano โ Press the ERUPT! button on the 3D volcano to trigger a burst of COโ bubbles and flowing lava. Demonstrates the NaHCOโ + CHโCOOH acid-base neutralisation reaction.
๐ข Polymer Slime โ Click and drag to pull the slime blob around. PVA and borax sliders adjust cross-link density in real time, changing viscosity, elasticity, and stretchiness on the fly.
๐ก Lava Lamp โ Simulates density changes with a temperature slider. Heated wax becomes less dense and rises; it cools at the top, regains density, and sinks. Includes a "Like Dissolves Like" polarity guide and a density comparison chart.
๐ pH Color Indicator โ Sliding the pH scale from 1 to 14 shifts the red cabbage juice indicator through red โ orange โ yellow โ green โ blue โ purple. Features seven reference test tubes and a table of everyday substances with their pH values.
๐๏ธ Chromatography โ Solvent climbs the paper strip and separates six pigments according to their Rf values, with each band's Rf displayed live. Also covers five types of chromatography from paper to HPLC.
๐ Crystal Growing โ Adjust concentration and temperature until the solution enters the supersaturated zone โ crystals nucleate and grow in real time. The solubility curve marks your current state, accompanied by hexagonal crystal system graphics.
โก Electrolysis โ Voltage and electrolyte concentration sliders control the rate of Hโ (blue bubbles) and Oโ (red bubbles) production at a 2:1 ratio. Animated electrode half-reactions and ion migration are shown inside the cell.
๐ Fruit Battery โ Click lemon, orange, apple, or potato tabs and stack cells in series to add voltages โ the LED lights up once total voltage exceeds 1.5 V. Demonstrates the galvanic cell principle with half-reaction equations.
๐ง Endothermic Mix โ Increasing the Ba(OH)โ + NHโSCN reagent amount drives the temperature down to โ20ยฐC, triggering a snowflake and frost animation. An energy profile diagram shows ฮH > 0.
๐ฅ Exothermic Reaction โ Raising the Mg + HโSOโ concentration and temperature accelerates the reaction, spawning flame and spark particles. Includes an Arrhenius rate law visualisation and an energy profile diagram with activation energy marked.
Drone Explorer | Flight Mechanics
A ten-concept drone explorer, dark-themed throughout!
โ๏ธ Flight Mechanics โ Four forces (Lift, Weight, Thrust, Drag) drawn as live vectors. Throttle slider controls altitude state (Ascending / Hovering / Descending), and the wind slider adds crosswind compensation arrows showing how the FC counters drift. Motor RPM gauge updates in real time.
๐ฎ Maneuvers โ Roll, Pitch, and Yaw demonstrated side by side with clickable tiles. The main drone animates the selected axis, while the Motor Mix panel shows which motors spin faster or slower to achieve each maneuver. RC stick mapping diagram included.
โก Motors & Propellers โ Top-down quadrotor view showing CW/CCW spin directions with animated blur. A Thrust vs RPMยฒ curve plots current operating point. Propeller efficiency metrics (mN/W), counter-rotation torque cancellation explanation, and a full thrust/power breakdown panel.
๐๏ธ Beach Filming โ Golden-hour coastal scene with animated waves, foam, parasols, and people on a sandy beach. Drone flies overhead with a camera FOV cone showing coverage width. Altitude slider changes the shot type automatically (Reveal โ Orbit โ Top-Down). Cinematic shot guide and camera tech specs (5.1K / 3-axis gimbal / ND filters).
๐ฆ Delivery Drone โ Full 4-phase delivery cycle animated over a city skyline: Takeoff โ En Route โ Descent โ Delivery, with payload box hanging below and a ground drop confirmation. Phase timeline at the bottom, industry leader badges (Amazon, Wing, Zipline).
๐บ๏ธ Surveying & Mapping โ Drone lawnmower grid-scan with blue overlay showing photographed area, overlap zones in green, and a photo counter. GSD, altitude, accuracy, and the full 7-step photogrammetry pipeline (SfM โ point cloud โ mesh โ orthomosaic) displayed with status indicators.
๐จ Search & Rescue โ Night forest scene with thermal heat signatures showing survivors as orange blobs. Drone spirals outward on an expanding search pattern; when it passes within detection range, a survivor is marked FOUND โ in green. FLIR specs and why thermal works through vegetation explained.
๐พ Agriculture โ Three clickable modes: Crop Spraying (blue particle stream), NDVI Scan (coloured health map per field block), and Precision Seeding. Lawnmower flight path over a farm field, with stats comparing drone vs traditional tractor: 30โ50% less chemical, 10ร faster, one operator.
๐ FPV Racing โ Full FPV HUD with crosshair, speed readout, gate counter, and battery voltage. Drone autonomously threads five numbered gates around a track with motion blur and glow effects. Scanline overlay gives an authentic goggle feel. 5-inch race drone spec sheet included.
๐ฏ Military & Recon โ Three modes (ISR Surveillance, Strike Simulation, Electronic Warfare) on a radar-sweep map view. MQ-9 Reaper flying wing silhouette with sensor ball. ISR shows coverage radius with target markers; strike shows trajectory arc; EW shows expanding jamming waveform. Full Reaper spec sheet (27hr endurance, 15,000m ceiling, 20m wingspan).
๐ฝ AI Creator
Freedom to Create.
Your idea. Your creation. Your freedom.
IP PROBE ยท MULTI-VECTOR CHECK
MULTI-VECTOR CHECK
๐ GEO LOCATION | ipapi.co | Country, City, ISP, Timezone, Coordinates
๐ค REVERSE DNS | Cloudflare DoH PTR | Reverse DNS Hostname
๐ก HTTP LATENCY | 6 fetch measurements | Min/Max/Median + Mini Bar Chart
๐๏ธ DNS RECORDS | Cloudflare DoH | A, AAAA, MX, NS, TXT, CNAME
๐ WHOIS / ASN | rdap.org | Network Name, Handle, CIDR / Domain Registration Info
๐ PORT PROBE | fetch timeout detection | 80, 443, 8080, 8443, 21, 22 OPEN/CLOSED/FILTERED
๐ DNS-over-HTTPS | Cloudflare, Google, Quad9 | DoH Response Time Comparison
๐ก๏ธ THREAT INTEL | Type Analysis | Hosting / Private / Residential ISP Classification
Speed | IP | Network (ipv4)
์๋ ํ์ (ํ์ด์ง ๋ก๋ ์)
โ
Public IP โ IPv4/IPv6 ๊ตฌ๋ถ, ASNยทISP ํ์
โ
์์น โ ๊ตญ๊ฐ ๐ณ๏ธ + ๋์, ์ง์ญ, ์๊ฐ๋, ์ขํ
โ
๋ ์ดํด์ โ ์ด๊ธฐ Cloudflare ํ ์ธก์
์๋ ํ
์คํธ ๋ฒํผ ํด๋ฆญ ์
โ
PING โ 5ํ ์ธก์ ํ ์ค์๊ฐ / ์ต์๊ฐ / ์ต๋๊ฐ
โ
๋ค์ด๋ก๋ โ Cloudflare speed.cloudflare.com ์์ 1MB โ 5MB โ 10MB โ 25MB ์์ฐจ ์ฒญํฌ ๋ค์ด๋ก๋, ์คํธ๋ฆผ ์ค ์ค์๊ฐ ์ํ๋ง
โ
์
๋ก๋ โ 2MB ๋๋ค ๋ฐ์ด๋๋ฆฌ 4ํ POST
โ
์ค์๊ฐ ์ค์ค๋ก์ค์ฝํ ๊ทธ๋ํ โ Canvas๋ก ์ง์ ๋ ๋๋ง, Y์ถ ์๋ ์ค์ผ์ผ, โ
๊ธ๋ก์ฐ ๋ผ์ธ + ํ์ด๋ ํ, ๋ฆฌ๋ฉ ๋ท ์ ๋๋ฉ์ด์
โ
์์ธ ๊ฒฐ๊ณผ ํ
์ด๋ธ โ ํ๊ท /์ต๋/์ธก์ ์๊ฐ
โ๏ธ Code Formatter +
Online formatter powered by Prettier โ HTML ยท CSS ยท JavaScript. Paste your code and click Format.
JSON Utils
JSON utilities are tools and classes used to read, write, format (beautify), and validate JSON data, or to convert between objects and text in programming languages.
โ๏ธ Gear mechanics
A nine-concept gear mechanics explorer!
โ๏ธ Spur Gears โ The most fundamental gear type. A real-time animation shows two gears meshing and spinning in opposite directions. The contact point (red dot), pitch circles (dashed lines), and rotation arrows update instantly as you adjust the gear ratio and speed sliders.
๐ Helical Gears โ Angled teeth engage gradually for smoother, quieter operation. Drag the helix angle slider to change the spiral angle and watch the axial thrust arrows respond. A Spur vs Helical comparison table covers noise, load capacity, efficiency, and axial thrust side by side.
๐บ Bevel Gears โ Redirect power through a 90ยฐ corner. Two gears mesh at a right angle in a perspective-style view. A diagram explains how the automotive differential works and why the inner and outer wheels rotate at different speeds when cornering.
๐ Worm Gears โ A worm screw drives a worm wheel. The Starts slider switches between 1 and 4 thread starts, instantly updating gear ratio, efficiency, and self-locking status. A single start = self-locking โ the principle behind elevator hoists.
๐ช Planetary Gears โ Gear ratio changes depending on which element (sun, ring, or carrier) is held fixed. Click the three mode buttons at the bottom to experience the logic behind automatic transmission gear selection.
๐ Rack & Pinion โ Pinion rotation โ rack linear travel. Alongside a car steering mechanism sketch, the linear velocity formula v = ฯ ร R is explained with real-world examples: CNC machine axes, camera sliders, and cog railways.
๐ Gear Ratio โ Raise the ratio slider: speed โ, torque โ. Lower it: speed โ, torque โ. Both are shown live through vectors and a speed-vs-torque crossover chart that visualises conservation of energy.
๐ Compound Train โ Three reduction stages spin simultaneously (4:1 ร 4:1 ร 4:1 = 64:1). Colour-coded shafts make it immediately clear how each stage's ratio multiplies into the total, achieving extreme reduction in a compact space.
๐ Game Theory | John von Neumann
An eight-concept game theory explorer!
๐ Prisoner's Dilemma โ The classic paradox made interactive. Click Cooperate or Betray for each prisoner and immediately see the prison sentence outcome. A live round history tracks patterns. The Nash Equilibrium cell (Betray/Betray) is permanently highlighted โ rational choice leads to collectively worse outcomes.
โ๏ธ Nash Equilibrium โ Three games with different equilibrium structures: Rock-Paper-Scissors (no pure Nash, only mixed), Battle of the Sexes (two equilibria), and Stag Hunt (two equilibria with different risk profiles). Switch between games with tabs; Nash cells pulse with a golden glow.
๐ Dominant Strategy โ The advertising duopoly shows why firms always advertise even when both would profit more if neither did. Step-by-step Iterated Elimination of Dominated Strategies (IEDS) is laid out as a four-step flowchart.
โ๏ธ Zero-Sum Games โ A 4ร4 military payoff matrix with click-to-inspect cells. A saddle point is automatically found and highlighted. A live pie chart shows the zero-sum constraint visually โ one player's gain is always the other's loss. The Minimax Theorem is shown numerically.
๐งฌ Evolutionary Game Theory โ A live population simulation of Hawks vs Doves competing over generations. Watch the population chart evolve in real time as natural selection finds the Evolutionarily Stable Strategy (ESS). Mutation slider introduces randomness; a fitness comparison shows which strategy is currently winning.
๐ท๏ธ Auction Theory โ Compare all four standard auction formats side by side: English, Dutch, First-Price Sealed, and Vickrey (Second-Price). Bid bars show true values vs actual bids, winner's surplus, and price paid. The Winner's Curse and Revenue Equivalence Theorem are explained with context.
๐ค Bargaining Game โ An animated pie that responds to split and patience sliders in real time. The Rubinstein alternating-offers formula calculates the mathematically predicted split based on patience. The Ultimatum
Mechanical Engineering | Fluid Mechanics
A nine-concept fluid mechanics explorer!
๐ง Fluid Properties โ Click any of the five fluids (air, water, engine oil, honey, blood) to see viscosity and density change in real time, with the particle motion inside the container responding accordingly. Pressure arrows show how hydrostatic pressure increases with depth.
๐ Pascal's Law โ Press the PUSH button to transmit a small piston force to a much larger piston, lifting the car. The formula Fโ = Fโ ร (Aโ/Aโ) is computed live. This is the principle behind car brakes, hydraulic lifts, and excavators.
๐ Bernoulli's Principle โ As the pipe narrows in the middle, airspeed rises and pressure drops โ visualised through pressure gauges and particle colour. P + ยฝฯvยฒ = constant.
๐ Continuity Equation โ Aโvโ = Aโvโ. Drag the pipe cross-section slider and watch flow velocity automatically increase at the narrow section. Particle colour shifts from blue (slow) to red (fast).
ใฐ๏ธ Laminar vs Turbulent โ Slide the Reynolds Number to switch between laminar flow (Re < 2300, smooth parallel blue streams), the transitional zone, and turbulent flow (Re > 4000, chaotic red mixing). In laminar mode, the parabolic velocity profile is drawn across the pipe.
๐ Drag & Lift โ Streamlines above and below the airfoil are drawn in real time (blue = high pressure, red = low pressure), and the lift and drag force vectors update as you adjust angle of attack and speed. Includes a drag coefficient comparison by shape (flat plate 1.17 โ airfoil 0.012).
๐ฉ Pipe Flow โ Calculates frictional head loss using the Darcy-Weisbach equation (h_L = fยทL/Dยทvยฒ/2g). Diameter, length, and velocity sliders instantly update Reynolds number, friction factor f, and total head loss.
โ๏ธ Pumps & Turbines โ Four machine types: centrifugal pump (spinning impeller), axial turbine (hydropower), Pelton wheel (impulse turbine), and a pump-system curve graph (showing the operating point). RPM slider adjusts rotational speed.
๐ Real World โ Four detailed case studies with equations and animations: aircraft wing (2.7 MN of lift), ship hull (Archimedes buoyancy), blood circulation (non-Newtonian, pulsatile flow), and wind turbines (Betz limit: 59.3% maximum extractable power).
์ผ์ด์ค ๋ณํ | ๋์๋ฌธ์ ๋ณํ
๊ฐ๋ฐ์์ฉ ๋ค์ด๋ฐ ์ผ์ด์ค 8์ข
camelCase ยท PascalCase ยท snake_case ยท SCREAMING_SNAKE ยท kebab-case ยท UPPER-KEBAB ยท dot.case ยท path/case
ํน์ ๋ณํ 13์ข
์ ๊ฐ/๋ฐ๊ฐ ยท ์ค๋ชฐ ์บก์ค ยท ์/์๋ ์ฒจ์ ยท ์ทจ์์ ยท ๋ฐ์ค ยท ๋ฒ๋ธ ํ
์คํธ ยท ์ฌ๊ฐ ํ
์คํธ ยท ๋ชจ์ค ๋ถํธ ยท ์ด์ง์(ASCII) ยท ROT13
์ถ๊ฐ ๋๊ตฌ
โข ํ
์คํธ ์ ๋ฆฌ: ๊ณต๋ฐฑ ์ ๊ฑฐ, ๋น ์ค ์ ๊ฑฐ, ์ค๋ณต ์ค ์ ๊ฑฐ, ์ค ์ ๋ ฌ, ์ค ๋ฒํธ ์ถ๊ฐ/์ ๊ฑฐ, ํ
์คํธ ๋ค์ง๊ธฐ, ์๊ธฐ
โข ์ฐพ์ ๋ฐ๊พธ๊ธฐ: ์ ๊ท์ ์ง์, ๋์๋ฌธ์ ๊ตฌ๋ถ, ์์ฃผ ์ฐ๋ ํจํด ํต๋ฒํผ
Pre-Algebra | Middle
Pre-algebra is a common name for a course taught in middle school mathematics in the United States, usually taught in the 6th, 7th, 8th, or 9th grade.
๋จ์ ๋ณํ๊ธฐ
|์นดํ
๊ณ ๋ฆฌ |๋จ์ ์|ํน์ด ๋จ์ |
|-----|----|----------------------|
|๐ ๊ธธ์ด |13๊ฐ |๊ด๋
, ์ฒ๋ฌธ๋จ์, ํด๋ฆฌ ํฌํจ |
|โ๏ธ ๋ฌด๊ฒ |8๊ฐ |ํ๊ตญ ๊ทผ ํฌํจ |
|๐ก๏ธ ์จ๋ |4๊ฐ |์ญ์จยทํ์จยท์ผ๋นยท๋ญํจ (๋ณ๋ ๊ณต์ ์ ์ฉ)|
|๐บ๏ธ ๋์ด |12๊ฐ |ํ(ํ๊ตญ) ํฌํจ |
|๐งช ๋ถํผ |13๊ฐ |๊ฐค๋ฐ, ์ฟผํธ, ์ปต |
|๐ ์๋ |7๊ฐ |๋งํ, ๊ด์ ํฌํจ |
|โฑ๏ธ ์๊ฐ |10๊ฐ |๋๋
ธ์ด๊น์ง |
|๐พ ๋ฐ์ดํฐ|11๊ฐ |SI(KB)์ ์ด์ง(KiB) ๊ตฌ๋ถ |
|๐ต ์๋ ฅ |9๊ฐ |atm, bar, psi, mmHg |
|โก ์๋์ง|9๊ฐ |kcal, kWh, eV, BTU |
|๐ ๊ฐ๋ |6๊ฐ |๋ผ๋์, ๊ทธ๋ผ๋์, ๋ถยท์ด |
|๐ณ ์๋ฆฌ |10๊ฐ |ํ๊ตญ ์ปต(200mL)/ํฐ์ /์์์ ๋ณ๋ |
idea note | ์์ด๋์ด ๋
ธํธ+
โ๏ธ ์
๋ ฅ
์๋จ ๊ณ ์ ์
๋ ฅ์ฐฝ โ ์คํฌ๋กคํด๋ ํญ์ ์์ ์์
#ํ๊ทธ ์
๋ ฅ ์ ์ค์๊ฐ ์๋์์ฑ ๋๋กญ๋ค์ด (๊ธฐ์กด ํ๊ทธ ๋ชฉ๋ก + ์ฌ์ฉ ํ์)
โ
์ค์ ํ์
6๊ฐ์ง ์ปฌ๋ฌ ๋ผ๋ฒจ (์ผ์ชฝ ํ
๋๋ฆฌ ์์์ผ๋ก ๊ตฌ๋ถ)
โEnter / Ctrl+Enter ๋จ์ถํค ์ ์ฅ
๐ ๊ด๋ฆฌ
์นด๋ hover ์ ํธ์ง / ๊ณ ์ / ์ญ์ ๋ฒํผ ๋
ธ์ถ
์ธ๋ผ์ธ ํธ์ง (์นด๋ ์์์ ๋ฐ๋ก ์์ )
๐ ๊ณ ์ ๋ฉ๋ชจ ํญ์ ์๋จ ๋ฐฐ์น
๊ธด ๋ฉ๋ชจ ์๋ ์ ๊ธฐ + "๋ ๋ณด๊ธฐ" ๋ชจ๋ฌ
๐ ํ์
์๋จ๋ฐ ์ค์๊ฐ ๊ฒ์
์ ์ฒด / ๊ณ ์ / ์ค์ ํญ ํํฐ
ํ๊ทธ๋ณ ํํฐ (ํ๊ทธ ํด๋ฆญ์ผ๋ก ํ ๊ธ)
์ต์ ์ / ์ค๋๋์ / ๊ฐ๋๋ค์ ์ ๋ ฌ
๐ ํต๊ณ
์ ์ฒด / ๊ณ ์ / ํ๊ทธ ์ข
๋ฅ / ์ค์ ํ์ ์ ์ค์๊ฐ ์ง๊ณ
๐จ UX
๋คํฌ๋ชจ๋ ํ ๊ธ (์ํ ๊ธฐ์ต)
์ ์นด๋ ์ฌ๋ผ์ด๋ ์ธ ์ ๋๋ฉ์ด์
๋ชจ๋ฐ์ผ FAB ๋ฒํผ (โ๏ธ)
txt ํ์ผ ๋ด๋ณด๋ด๊ธฐ
localStorage ์๊ตฌ ์ ์ฅ
RGB | Color Tools
โ
ํผ์ปค: RGB ์ฌ๋ผ์ด๋ + HEX ์ง์ ์
๋ ฅ + HSL ๋ณํ ํ์
โ
ํ๋ ํธ ์์ฑ: ๋ณด์ยท์ ์ฌ์ยท3์ยท4์ยท๋ชจ๋
ธํฌ๋กฌยท๋๋ค ์๋ ์์ฑ
โ
ํ๋ ํธ ๋ทฐ์ด: ํฐ ์คํธ๋ฆฝ + ๊ฐ๋ณ ์นด๋ (ํด๋ฆญ ๋ณต์ฌ)
โ
์์ ์ ๋ณด: HEX / RGB / HSL / HSB / CMYK ๋์ ํ์
โ
์ ์ฅ: localStorage ํ๋ ํธ ๋ถ๋งํฌ
โ
๋ด๋ณด๋ด๊ธฐ: CSS ๋ณ์ / Tailwind config / JSON
domain | ๋๋ฉ์ธ ๊ฒ์ (70)
โ
RDAP API (Verisign ๊ณต์) โ ์์ ๋ฌด๋ฃ, ์ธ์ฆ ๋ถํ์, CORS ํ์ฉ
โ
๋ฑ๋ก์ผ / ์ต์ข
์์ ์ผ / ๋ง๋ฃ์ผ / ๋ฑ๋ก๊ธฐ๊ด / ๋ค์์๋ฒ ํ์
โ
๋ง๋ฃ 90์ผ ์ด๋ด๋ฉด ๋
ธ๋์ โ ๊ฒฝ๊ณ ํ์
โ
๋ฏธ๋ฑ๋ก ๋๋ฉ์ธ์ ๋ณ๋ ๋ฉ์์ง๋ก ๊ตฌ๋ถ
โ
์ต๊ทผ ์กฐํ ์ด๋ ฅ ์นฉ (localStorage)
โ
์ด 70๊ฐ TLD ์ง์, ๊ฐ TLD๋ง๋ค ๊ณต์ RDAP ์๋ํฌ์ธํธ ๋งคํ
Generic: .com .net .org .info .biz ๋ฑ
New gTLD: .app .dev .io .ai .shop .tech .blog ๋ฑ
ccTLD: .kr .jp .de .uk .cn .fr .au ๋ฑ