본문 바로가기

전체 글101

파이썬 TIL 1일차 조건문 if age = 25 # age라는 나이 값을 담은 변수 만들기 if age > 20: # 조건 : age가 20보다 크다면 -> 지금은 True! print("성인입니다") # 조건이 참일 때 작동하는 코드 else: # else 조건이 False라면 아래 내용을 실행하세요~ 라는 뜻 print("청소년입니다") # 조건이 거짓일 때 작동하는 코드 if ( 조건이 세 개 이상) if 조건1: # 조건1이 참일 때 실행할 코드 elif 조건2: # 조건1이 거짓이고 조건2가 참일 때 실행할 코드 elif 조건3: # 조건1과 조건2가 모두 거짓이고 조건3이 참일 때 실행할 코드 else: # 위의 모든 조건이 거짓일 때 실행할 코드 반복문 fruits = ['사과','배','감','귤'] # fr.. 2024. 1. 24.
react-electron 환경설정(윈도우) 관련된 내용들을 검색해보니 맥과 yarn을 이용한 정보가 많았고 electron에 알맞은 환경을 만든 후 react를 설치하는 분들이 많았습니다. 저는 윈도우와 npm을 주로 사용해왔기 때문에 이들로 환경설정을 할 생각입니다. react를 주로 사용하다보니 우선 react를 설치하고 electron을 추가하여 동시에 작동하는 방식을 사용할 예정입니다. 이렇게 하는 이유는 electron은 변경사항이 있을때마다 새로고침을 해야합니다.이럴바에 react로 빠르게 파악하는 편이 나을 또는 localhost:3000을 지정하여 할 수 있지만 저는 설정하는 방법도 까다로워 보이고 electron을 빠르게 이용하고 싶어 효율적이지 못하게 사용했습니다. 우선 react를 설치하겠습니다. npx create-react.. 2024. 1. 23.
예전 아이콘 2024. 1. 20.
ContentSectionThree 눈 내리기 추가 ContentSectionThree에 눈내리기를 추가하였다. snow.jsx import React, { useEffect, useRef } from 'react'; class SnowItem { static defaultOptions = { color: 'white', radius: [0.5, 3.0], speed: [1, 3], wind: [-0.5, 3.0] }; constructor(canvas, options = {}) { this.canvas = canvas; this.ctx = canvas.getContext('2d'); this.options = { ...SnowItem.defaultOptions, ...options }; this.initialize(); } initialize() { t.. 2024. 1. 20.
JavaScript문법,jQuery, Fetch let let 키워드는 블록 스코프(문단 안에서 노는 구역) 지역 변수를 선언하는 데 사용됩니다. 블록 외부, 즉 최상위 레벨에서 선언될 경우 글로벌 스코프를 가집니다. 선언된 블록, 문, 또는 표현식 내에서만 유효합니다. 선언 후 값 변경이 가능합니다. const const 키워드는 블록 스코프 읽기 전용 상수를 선언하는 데 사용됩니다. 블록 외부, 즉 최상위 레벨에서 선언될 경우 글로벌 스코프를 가집니다. 한 번 할당된 값은 변경할 수 없음 (불변은 아님, 객체 내부 속성은 변경 가능). 선언과 동시에 초기화되어야 합니다. var (자주 사용하진 않지만 먼지는 알아야할 것 같음) var는 함수 스코프(함수 안에서만 노는 구역)를 가지는 변수를 선언합니다. 함수 외부에서 선언될 경우 글로벌 스코프를 가.. 2024. 1. 19.
ContentSectionTwo 1. 왼쪽에 4개씩의 이미지를 보여주고 클릭하면 오른쪽에 그 이미지에 대한 설명을 나타나게 해야함. 2. 이미지가 5개가 넘어가면 페이징처리를 해야함. 3. 클릭을 했을 때, 어떤 이미지가 클릭되었는지 확인할 수 있어야함. 밝기 조절을 해서 클릭한 이미지가 무엇인지 눈에 띄게 보이게 만들었음. 테두리 색상 변경과 박스 그림자 강조 배경색 변경 등 여러가지 시도 했지만 밝기 조절이 가장 이뻐보였음. 1번쨰 이미지를 클릭해서 1번째 이미지는 "ListPlz"라는 데스크탑 어플리케이션을 만들예정이기에 그림과 같이 해놓았다. 글자의 배치같은 경우 대부분 position: absolute을 이용했기 때문에 나중에 쉽게 다시 배치를 변경 가능하다. 설명과 다른 부분이 완성되면 제대로 배치할 생각이다. Content.. 2024. 1. 19.

티스토리툴바