[TIL/Java] 컴파일러란?
2024. 8. 7. 17:04
TIL/Java
컴파일러코드를 기계어로 바꿔주는 역할기계어를 CPU가 바로 알아먹는 것이 있고, 못 알아먹는 것이 있음CPU가 바로 알아먹으면 네이티브, 못 알아먹으면 비네이티브크로스 컴파일러와 비네이티브는 다른 것임자바 바이트코드도 그렇고, C#도 그렇고 중간 언어가 있음중간언어는 CPU가 직접 알아듣지는 못하지만 VM (Virtual Machine)을 통해서 CPU가 알아듣는 말로 번역해서 실행 됨4번의 역할을 하는 것이 바이트코드출처1. https://ko.wikipedia.org/wiki/%EC%BB%B4%ED%8C%8C%EC%9D%BC%EB%9F%AC
[TIL/Python] 두 수의 합
2024. 8. 6. 17:31
TIL/Python
문제배열이 주어졌을 때, 두 수를 더해서 특정 목표 값을 만들 수 있는 두 숫자의 인덱스를 반환하라.예시: `nums = [2, 7, 11, 15]`, `target = 9`출력: `[0, 1]` (2 + 7 = 9)풀이def two_sum(nums, target): # 변수 first_index는 nums 리스트의 각 인덱스를 순회하며 접근함 for first_index in range(len(nums)): # second_index는 first_index 의 다음 인덱스부터 시작하여 끝까지 순회함 for second_index in range(first_index + 1, len(nums)) : # 만약 num[first_index]의 값과 nu..
[TIL/React] 구조 분해 할당, Hook의 도입 이유, state의 필요성, 라이프 사이클의 필요성
2024. 8. 6. 17:00
TIL/React
구조 분해 할당구조 분해 할당(Destructuring Assignment): JavaScript의 문법으로, 배열이나 객체의 값을 쉽게 추출하여 할당하는 방법이다. const fruits = ['apple', 'banana', 'cherry'];const [first, second, third] = fruits;console.log(first); // 'apple'console.log(second); // 'banana'console.log(third); // 'cherry' `const[]`는 배열에 대해 구조 분해 할당을 할 때 사용하는 문법이다. Hook은 왜 도입되었는가?함수형 컴포넌트에서도 상태 관리를 하기 위함사이드 이펙트 (부수효과) 처리를 쉽게 하기 위함클래스형 컴포넌트에서는 상태 관련 ..
[PS][React] Route를 이용했을 때 github pages의 404 에러 해결 (a 태그 -> link to)
2024. 8. 1. 12:08
Problem Solving
해결 방법문제가 되는 `jsx` 파일의 이동 경로를 `a`태그로 설정했는지 `Link to`로 설정했는지 확인하기Github Pages는 SPA (Single Page Appliction)를 지원하지 않는다.문제 해결 흐름영화 소개 사이트를 클론코딩하고 내 로컬에서 동작도 잘 되길래 빌드 했다.https://namani31.github.io/REACT_MOVIE/ 를 들어가서 about 메뉴를 눌러봤더니 404 에러가 떴다.home이나 detail은 잘 들어가지는 걸 보니 about에 문제가 있단 걸 알아서 코드를 확인해봤다.import "./Navigation.css";import {Link} from "react-router-dom";export function Navigation() { ret..
[TIL/React] BrowserRouter, Navigation, Routes, Route
2024. 7. 30. 10:04
TIL/React
BrowserRouterURL 관리하고 라우트를 설정한다. 해당 경로에 맞는 컴포넌트를 렌더링한다.경로 변경 시, 전체 페이지를 새로 고침 하지 않아도 다른 컴포넌트를 렌더링 할 수 있다.Navigation사용자에게 네비게이션 메뉴를 제공한다. 헤더나 사이드바에 위치한다.링크, 버튼 등을 포함한다.Routes여러 개의 `Route` 컴포넌트를 그룹화하여 라우팅 설정을 정의한다.Route`path`와 그 경로에 대응하는 컴포넌트 (element)를 설정한다.사용자가 특정 경로로 이동할 때 해당 컴포넌트를 렌더링한다.// App.jsimport React from 'react';import { Route } from 'react-router-dom';import HomePage from './pages/ho..