티스토리

Programmer 파프리카의 이야기

검색하기

블로그 홈

Programmer 파프리카의 이야기

creamilk88.tistory.com/m

🏢 Bankware Global

구독자: 14

방명록 방문하기

728x90

반응형

주요 글 목록

[#02. 비동기 프로그래밍] 리액티브 프로그래밍 (with Spring WebFlux) [[_TOC_]]Reactive Programming (with Spring WebFlux)컨셉📝주요 키워드반응성회복성탄력성메시지 주도이벤트 루프 기반 프로그래밍웹에서 사용자의 클릭, 입력과 같은 이벤트가 발생할 때 마다, 해당 이벤트는 데이터 스트림으로 처리새로운 데이터 스트림이 도착할 때 마다 반응(reacting)으로 프로그램이 동작즉, 새로운 데이터가 스트림에 도착할 때 마다 자동으로 이를 감지하고 필요한 작업을 실행(데이터 처리, 조회, UI 업데이트 등..)데이터 폴링이벤트 루프 기반데이터 감지주기적 확인- 시스템이 정기적으로 데이터의 변경 여부를 확인새로운 이벤트 발생 시 자동 반응- 시간에 따라 발생하는 이벤트를 데이터 스트림에 할당blockingblocking- 폴링 작업이 수행되는 동.. 공감수 0 댓글수 0 2024. 4. 25.
[#01. 비동기 프로그래밍] 동기 API / 비동기 API 차이(with blocking/non-blocking) 비동기 프로그래밍💡 비동기 프로그래밍?작업 실행의 완료를 기다리지 않고, 다른 작업을 동시에 진행할 수 있는게 하는 프로그래밍 방식멀티스레딩과 유사하지만, 비동기 프로그래밍은 단일 스레드에서 이벤트 처리 및 콜백을 통해 구현되기도 하기 때문에 명시적 스레드 관리 없이도 동시성을 달성할 수 있다.동기 API 와 비동기 API의 차이동기 vs 비동기작업 완료 처리의 주체동기: 호출자가 작업 완료 처리 (호출자가 직접 처리 결과를 반환하여 획득)비동기: 메서드를 수행하는 피호출자가 작업 완료 처리 (처리 결과를 호출자에게 전달)Blocking vs Non-Blocking함수의 처리값이 언제 반환되는지blocking: 작업 완료 후 반환non-blocking: 즉시 반환💡 반환된 것은 최종 결과가 아닌 프로.. 공감수 0 댓글수 0 2024. 4. 25.
OAS(OpenAPI Specification) - 개념, 구조 분석 및 튜토리얼 OAS (OpenAPI Specification)1. OAS 란?OAS는 OpenAPI Specification의 약자로, "OpenAPI 명세서" 라는 의미이다.여기서 사용되는 openAPI는 기존의 "개방된 API"(ex.지도API, 날씨조회API 등..)의 개념과는 조금 다르다.OpenAPI 또는 OAS(OpenAPI Specification)로 불리며, RESTful API를 정해진 표준 규칙에 따라 API Spec을 json 혹은 yaml 로 표현하는 방식을 의미한다.==> "Restful API 디자인의 정의 방법의 표준" 으로 정리할 수 있다.aka. OpenApi 3.0 Specification2. OpenAPI vs SwaggerSwagger라는 제품을 SmartBear라는 회사에서 구매.. 공감수 0 댓글수 0 2024. 4. 25.
# 05. 데이터 베이스 모델링 데이터 베이스 모델링여러 절차적 과정에 의해 진행1. 순서요구사항 분석 -> 요구사항 명세서 생성개념적 모델링논리적 모델링물리적 모델링개념적 모델링 분석 관점으로 사용자의 요구사항을 분석E-R 모델을 통해 개체/관계/속성으로 분류논리적 모델링설계 관점에서 개념적 모델을 충실히 변환특정 유형군의 DBMS을 염두에 두고 표현릴레이션 스키마의 테이블 구조로 표현됨물리적 모델링논리적 모델링의 연장선으로 물리적 구조를 표현특정 DBMS의 특성과 구조에 적합하게 물리적 데이터 구조 명세최적화된 테이블 레코드 형식, 저장구조, 접근 방식 명세==> 좋은 데이터 베이스 설계는요구사항을 충실히 만족데이터의 일관성과 무결성 유지최적의 성능을 발휘2. 실습1. 요구사항 명세- 모든 DevOps팀원들은 식물에 물을 준다.- .. 공감수 0 댓글수 0 2024. 4. 25.
# 04. DB 정규화 (정규화 필요성, 이상현상, 함수 종속성) 1. 정규화의 필요성잘못된 데이터베이스 설계는 데이터의 일관성을 훼손하고,데이터의 무결성을 손상한다.데이터의 일관성 훼손과 무결성 손상이 왜 나쁜가?=> 데이터에 대한 활용과 신뢰성이 떨어지게 된다. ==> 결론적으로, 잘못된 정보를 운용하게 됨데이터의 일관성 훼손과 무결성 손상은 왜 발생하는가?대부분의 경우, 불필요한 데이터 중복으로 인해 발생👍 좋은 설계 = 데이터 중복 최소화!이상 현상데이터 이상 : 불필요한 데이터 중복으로 인해 발생하는 부작용종류삽입 이상 : 데이터 삽입 시, 현재 필요한 컬럼의 데이터 외에 테이블의 다른 불필요한 컬럼의 값을 강제로 같이 입력해주어야만 데이터 삽입이 가능한 경우갱신 이상 : 데이터 수정 시, 중복된 속성값 중 일부가 수정되지 않을 경우 데이터 불일치가 발생하는.. 공감수 0 댓글수 0 2024. 4. 25.
#03. 뷰와 인덱스 (정의, 사용법) [[_TOC_]]1. VIEW (뷰)VIEW(뷰)란?SELECT문 사용 시에 "자주" 사용되거나, "복잡한" 조인 조건인 경우,사용의 편의를 위해 생성하는가상의 테이블1-1. 뷰의 정의테이블과 뷰의 차이테이블 : 전체 조직의 관점에서 최적의 저장 단위로 생성뷰 : 개인의 관점에서 사용자의 편의를 위해 자유롭게 생성특징실제 데이터를 저장하지 않는 "가상 테이블"실제 테이블처럼 사용하도록 만든 "데이터베이스 객체"뷰는 데이터를 저장하지 않음주로 기반 테이블로부터 정의되지만, 또 다른 뷰를 기반으로 정의될 수 있음뷰 검색은 실제로는 뷰의 기반 테이블에 대한 검색으로 변환되어 수행된다.=> 생성된 뷰의 데이터는 snapshot처럼 소정된 값이 아닌,기반 테이블의 변경되는 정보를 실시간으로 반영하여 변경된다.뷰 .. 공감수 0 댓글수 0 2024. 4. 25.
#02. RDMS 관계형 데이터(구조, 키의 종류), 관계대수(관계대수 연산) 3. 관계형 데이터데이터 구조 : 릴레이션 => 데이터의 정적 특성연산 : 관계 대수 => 행위적인 동적 특성제약 조건 : 무결성 제약 조건 => 구조적 제약/행위적 제약3-1. 관계형 데이터 구조릴레이션 : 2차원 테이블 형태관계형 데이터 모델은 테이블을 '릴레이션'이라고 부름릴레이션 스키마 : 테이블 명 + 속성명 (키 값은 밑줄로 표시)ex) 학생(학번, 이름, 성별, 학과)릴레이션 인스턴스 : 튜플들로 구성ex) {,}데이터 베이스의 구성데이터 스키마 => 데이터 베이스 안의 모든 릴레이션 스키마의 집합 (정적)데이터 인스턴스 => 특정 시점에서의 모든 릴레이션 인스턴스들의 집합 (동적)3-2. 제약 조건데이터 신뢰성 & 정합성을 유지하기 위해 제약 조건 명세릴레이션의 키(key) : 각 튜플들을.. 공감수 0 댓글수 0 2024. 4. 25.
#01. 데이터베이스 개념 및 데이터베이스 시스템 (+DBMS) [[_TOC_]] 1. 데이터베이스 개념 1-1. 데이터베이스의 등장 파일 시스템 데이터 베이스 이전에는 파일 시스템을 사용 파일 시스템 : 응용프로그램마다 서로 다른 데이터파일 사용 ex) 수강신청 응용 프로그램 수강신청 데이터파일 성적처리 응용 프로그램 성적처리 데이터파일 졸업사정 응용 프로그램 졸업사정 데이터파일 파일 시스템의 문제점 데이터 종속성의 증가 - 파일 변경 시, 응용 프로그램의 파일처리코드 변경 필요 데이터 중복성의 증가 - 수강신청 데이터파일과 성적처리 데이터파일에 겹치는 데이터가 존재할 수 있으며, 데이터 일관성과 무결성의 유지가 어렵다 데이터 시스템의 등장 데이터베이스 시스템 : DB + DBMS DBMS 데이터베이스 관리 시스템 : 응용프로그램에서 DB에 접근할 수 있도록 해주는.. 공감수 0 댓글수 0 2023. 8. 9.
[React] Redux (+Redux Toolkit) 03_Redux 3-1. What is Redux? 크로스 컴포넌트 또는 앱 와이드 상태를 위한 상태 관리 시스템 상태의 종류 Local State 데이터가 변경되어 하나의 컴포넌트에 속하는 UI에 영향을 미치는 상태 ex) 토글버튼, 입력필드 .. useState() , useReducer() 로 관리 Cross-Component State -> Redux 로 관리 다수의 컴포넌트에 영향을 주는 상태 ex) 모달 컴포넌트 prop chains, prop drilling 으로 관리 App-Wide State -> Redux 로 관리 애플리케이션의 모든 컴포넌트에 영향을 주는 상태 ex) 사용자 인증 상태 prop chains, prop drilling 으로 관리 3-2. Why use Redux? 기존 .. 공감수 0 댓글수 0 2023. 7. 23.
[React] State - 동적 상태 관리 / 생명주기 / 데이터 전달 02_State state? 일반적으로 props와 같은 javascript 객체 props와의 차이점 props : (함수 매개변수처럼) 컴포넌트에 전달 state : (함수 내에 선언된 변수처럼) 컴포넌트 안에서 관리 React로 개발된 소스 코드 내에서 데이터 교환 및 이벤트 등을 동적으로 처리해줄 수 있도록 해줌 Event 생성 예제 const Component = (props) => { // btnVal : 화면에 표시되는 button의 라벨명 let btnVal = props.btnVal; // 기존 props.btnVal에 할당된 값이 'Before-Changing'이라 가정 // 버튼에서 onClick시 호출될 함수 정의 const clickHandler = () => { c.. 공감수 0 댓글수 0 2023. 7. 20.
[React] Start React 주요 공부 사항 (POINT!) component 생명주기 흐름 이해 Hook 함수 index.js에서 렌더링하여 호출함 index.css index.html => id에 선언된 root를 index.js 에서 호출하여, 렌더링 목록의 대상이 됨 JPX (JavaScript XML) jpx란 ? javascript 확장 문법 React의 element를 생성 -> javascript로 변환되어 브라우저에 적용됨 화면 개발을 위해 html과 javascript를 편하게 사용할 수 있음 => 아래와 같이 간단하게 선언 후, react에서 부과적인 코드들을 뒷단에 추가하여 browser에 보여줌 function App() { return ( Let's get started! visible ); } Co.. 공감수 0 댓글수 0 2023. 7. 20.
[백준/Python] 2839 설탕배달 | DP(다이나믹 프로그래밍) 📒 문제 🤸‍♀️ 문제 분석 다른 블로그를 보면 반복문(while)로 구현하여 greedy 방법으로 푼 풀이가 많은데, 요즘 DP 연습을 하고 있기 때문에 DP로 접근하여 문제를 풀었다. DP 테이블에는 '각 무게 별 사용하는 봉지의 최소값'을 저장한다. 이것을 가능하게 하는 조건은 아래와 같다. 3키로와 5키로 각각의 설탕봉지가 있기 때문에, 3키로 전 / 5키로 전 dp값에서 작은 값에 +1 한 값을 현재 dp에 할당하면 된다. 💡 경우의 수는 아래와 같이 세 가지 경우가 있다. case 1) 3kg전, 5kg전의 봉지사용 최소값이 둘 다 존재하는 경우(봉지로 옮길 수 있는 경우), 두 값에 +1 한 것 중 작은 값을 현재 dp에 할당한다. case 2) 3kg전 혹은 5kg 전 둘 중 하나만 존재하.. 공감수 1 댓글수 3 2022. 3. 31.
[백준/Python] 2579 계단오르기 | 다이나믹프로그래밍(DP) 📒 문제 🤸‍♀️ 문제 분석 연속 세 개의 계단을 이동할 수 없다는 것은 한칸->한칸 이동이 불가능 하다는 것이다. 1) 두칸 이동 2) 두칸 이동 후, 한칸의 이동만 가능하다. 정리하자면, i 번째 계단에 오기 위해서는 1) i-2번째 계단(두칸전) -> i 번째 계단 2) i-3번째 계단(세칸전) -> i-1번째 계단(한칸전) -> i 번째 계단 둘 중 하나이다. 그림 설명!!!! 나는 방법1은 나름 납득이 되었는데, 방법2에서 i-3은 dp에서 i-3까지의 최대값을 가져오고, i-1번째는 그냥 배열의 값을 가져와서 더해주는 게 이해가 안됐다. 그냥 i-1번째까지의 최대값을 가져오면 되는 것이 아닌가! 싶었는데 i-1번째까지의 최댓값만 구하면 계속 한칸씩만 이동할 것이고 그렇다면 세 칸의 계단을 연속.. 공감수 0 댓글수 0 2022. 3. 30.
[백준/Python] 1901 회의실 배정 | 그리디(greedy) 📒 문제 https://www.acmicpc.net/problem/1931 🤸‍♀️ 문제 분석 처음에 괜히 복잡하게 접근했다가 시간초과 판정을 받았다. - 처음에는 sort를 "가장 적은 회의 시간이 소요되는 회의"를 기준으로 오름차순 정렬(A)을 해서, - 회의 차지하는 빈 리스트(B)를 최대시간의 크기만큼 초기화하고, - 회의정보를 담고 있는 리스트(A)를 앞에서부터 살피며, 회의를 차지하고, 차지한 경우 리스트(B)에 각 인덱스를 채워주고 - 아닌 경우 A 반복을 break 걸고.. 뭐 이런식으로 복잡하게 접근했다. 💡 그러다가 sorting을 - 시작 시간 기준으로 오름차순 한번 - 끝나는 시간 기준으로 오름차순 한번 하면 간단하게 풀 수 있다는 것을 깨달았다(=구글링했다) 해당 기준으로 하면 회.. 공감수 0 댓글수 0 2022. 3. 28.
[백준/Python] 11047 동전0 | 그리디(greedy) 📒 문제 🤸‍♀️ 문제 분석 원하는 k의 값을 만들기 위해 최소의 동전의 수를 구해야 하기 때문에, 💡 가지고 있는 동전 중 단위가 큰 동전부터 k로 나누어 떨어지는 동전을 연산하는 것이 유리하다. 이러한 그리디 연산이 가능한 이유는 문제에 나와있는 조건인동전이 1 ≤ Ai ≤ 1,000,000, A1 = 1, i ≥ 2인 경우에 Ai는 Ai-1의 배수 이기 때문이다. 그렇기 때문에 작은 단위의 동전으로 만들 수 있는 금액을 큰 단위의 동전으로도 반드시 만들 수 있기 때문에, 큰 단위의 동전부터 계산하는 것이 유리한 정렬 후 greedy 방식을 적용할 수 있다. 🧮코드 # 11047 동전0 # n : 가지고 있는 동전의 종류 # 동전의 가치의 합 = k # 이 때 필요한 동전의 개수의 최솟값 n, k =.. 공감수 0 댓글수 0 2022. 3. 28.
python | 1439번. 뒤집기 | greedy(그리디) 📒 문제 🤸‍♀️ 문제 분석 연속되는 숫자의 묶음이 적은 수를 뒤집는 것이 유리하다. 💡 즉, 문자열에서 모든 수를 0으로 만드는 경우와 1로 만드는 경우를 비교하여 둘 중 행동이 적은 값을 선택하면 된다. 구하는 방법은 코드에서 확인할 수 있다. 🧮코드 def string_swap(numbers): # 0혹은 1의 문자열을 뒤집어서 1또는 0으로 통일되기 위한 횟수 swap_to_zero = 0 swap_to_one = 0 # 매번 비교대상의 숫자 (처음에는 맨 앞 숫자) temp = numbers[0] # 처음에는 맨 앞 숫자값가 아닌 값을 1로 세팅 if temp == '0': swap_to_one = 1 else: swap_to_zero = 1 # 입력 숫자를 첫번째 숫자 제외하고 하나씩 확인 f.. 공감수 0 댓글수 0 2022. 3. 24.
python | 곱하기 혹은 더하기 | 그리디(greedy) 대표적인 그리디 문제 중 또 쉬운 난이도인 곱하기 혹은 더하기 문제를 풀어보겠다. 📒 문제 각 자리가 숫자(0부터 9)로만 이루어진 문자열 S가 주어졌을 때, 왼쪽부터 오른쪽으로 하나씩 모든 숫자를 확인하며 숫자 사이에 '*' 혹은 '+' 연산자를 넣어 결과적으로 만들어질 수 있는 가장 큰 수를 구하는 프로그램을 작성하세요. 단, +보다 X를 먼저 계산하는 일반적인 방식과는 달리, 모든 연산은 왼쪽에서부터 순서대로 이루어진다고 가정합니다. 예를 들어 02984라는 문자열이 주어지면, 만들어질 수 있는 가장 큰 수는 ((((0+2) 9) 8) * 4) = 576 입니다. 입력 예시1: 02984 출력 예시1: 576 입력 예시2: 567 출력 예시2: 210 🤸‍♀️ 문제 분석 숫자를 하나씩 확인하며, 💡.. 공감수 0 댓글수 0 2022. 3. 24.
python | 모험가길드 | 그리디(greedy) 대표적인 그리디 문제 중 꽤 쉬운 난이도인 모험가길드 문제를 풀어보겠다. 📒 문제 한 마을에 모험가가 N명 있습니다. 모험가 길드에서는 N명의 모험가를 대상으로 '공포도'를 측정했는데,'공포도'가 높은 모험가는 쉽게 공포를 느껴 위험 상황에서 제대로 대처할 능력이 떨어집니다. 모험가 길드장인 동빈이는 모험가 그룹을 안전하게 구성하고자 공포도가 X인 모험가는 반드시 X명 이상으로구성한 모험가 그룹에 참여해야 여행을 떠날 수 있도록 규정했습니다. 동빈이는 최대 몇 개의 모험가 그룹을 만들 수 있는지 궁금합니다. N명의 모험가에 대한 정보가 주어졌을 때, 여행을 떠날 수 있는 그룹 수의 최댓값을 구하는 프로그램을 작성하세요. 예를 들어, N = 5이고, 각 모험가의 공포도가 다음과 같다고 가정합시다. 2 3 .. 공감수 0 댓글수 0 2022. 3. 23.
01 | Chapter 1 : Starting Programming 프로그래밍? 사용자가 원하는 행위를 → 컴퓨터가 알아들을 수 있는 언어로 작성하여 ✨코딩✨ → 컴파일 → 컴퓨터가 수행하게 하는 것 컴파일 : 프로그래밍 언어 문법에 맞는지 확인하고 컴퓨터가 이해할 수 있는 기계어로 번역 컴파일러 : 기계어로 번역해주는 프로그램 자바가 컴파일 되는 과정 Java code .java ⇒ JAVAC 컴파일러가 컴파일 ⇒ Java Code .class ⇒ JVM (class파일 번역) ⇒ OS : 프로그램 실행 java는 device에 관계없이 동작한다 JVM 만 있으면! Jdk(java development kit) > jre(java runtime environment) > jvm(java virtual machine) jdk - 라이브러리 jre - 자바 실행 환경 / .. 공감수 0 댓글수 6 2022. 3. 12.
판교역 산책로 추천 2 ! <나들이 공원> 안녕하세요~ 굿뭐닝 또 일찍 출근했는데, 산은 오르고 싶지 않아서 판교역 주변 공원을 방문했습니다. 나들이 공원 판교역에서 넉넉히 25-30분 이렇게 판교역 동편으로 쭉 가다보면 있어요. 가는 길도 예뻐요! 두둥쓰 이용금지만 보고 육교로 못가는 건가 했는데 자전거나 인라인 금지였어요. 인간은 가능 다리 위에서 내려다보는 풍경은 이렇게 평화롭고 예쁘답니다. 날이 많이 더워져서 햇빛으로 걷기는 좀 덥구 그늘도 걸어다니면 아주 좋아요! 짜잔쓰- 이렇게 예쁜 노랑 꽃밭도 있어요!! 가까이서 보면 더 이쁘지요 마치 빅피쉬 계속 걷다가 나들이 공원 쪽으로 넘어가기 위해 새로운 육교로 오르기 전 이상한 의자를 봤어요. 진짜 이상하게 생겼죠? 오늘은 커퓌와 함께에요 나들이 공원쪽은 이어지는 길을 쭉 따라와서 육교를 통.. 공감수 0 댓글수 0 2021. 6. 10.
판교 산책로 추천! 만약 출근을 했는데, 정시보다 40분 이상 일찍 도착했을 때! 사무실은 들어가기 싫고, 날씨는 너무 좋다면 판교는 좋은 장소다. 현대백화점, 낙생육교 정류장에서 가까운 낙생대공원!! 요런 느낌으로 올라가면 된다. 판교노인종합복지관 옆에 아래 처럼 계단이 있다. 오르면 된다. 10시까지 출근인데, 아직 넉넉하다. 이렇게 상쾌한 산길이 이어진다. 경사도 높지않고, 정리가 잘 되어 있어 산책하는 기분으로 오를 수 있다. 청설모를 봐서 찍고 싶었는데, 새랑 싸우고 도망갔다. 밀크랑 두유 같았다. 오르다보면 이런 쉼터가 있다. 여기까지 걷는 데 10분 정도? 걸렸던 것 같다. 예쁜 들꽃도 봤다. 우리 엄마가 이런 꽃들 좋아한다. 산책하는 멍멍이도 봤다. 저 위에 사진에 있는 쉼터? 의자? 자갈돌밭?에서 내려가는 .. 공감수 0 댓글수 6 2021. 6. 7.
입사 3개월, 아주 오랜만의 글 블로그에 글 쓰는 게 낯설다. 취업준비할 때는 하루에 몇 개씩 썼었는데, 블로그를 들어와보는 것도 오랜만이다. 사실 좀 많이 놀랐다. 지난 달 블로그 방문자 수가 3300명이었다. 부끄럽고 놀란 이유는 아마 아래의 이유들인 것 같다. 1. 내가 진짜 열심히 살았다는 점 2. 제대로 된 기술, 개발 글을 올린지 몇 달은 된 것 같은데 들어와주는 사람들이 있다는 점 그래서 앞으로는 내 블로그를 좀 관리해줘야 겠다는 생각이 들었다. (* 광고 수익이 약 500원 생겼다. 하핰ㅋㅋ) 각설하고, 개발자로서 일을 시작한지 3개월 차 간략한 나의 현황. 3월 입사 후, 한 달 반 가량 교육을 마치고 지금은 프로젝트에 나와있다. 무슨 프로젝트인지 글을 써도 되나. 금융 IT 회사라 보안에 민감하다. 그냥 판교에 커다란.. 공감수 3 댓글수 10 2021. 6. 6.
[디자인패턴] 객체지향 SOLID 원칙이란? 프로그래밍을 하다보면 언젠가는 한번쯤 들어볼 SOLID ! 객체 지향 프로그래밍의 기본 5 원칙이라고 한다. 간단하게 뿌시고 가자!🎊 SOLID (객체 지향 설계) 로버트 마틴이 2000년대 초반에 명명한 OOP의 다섯 가지 기본 원칙 🤔 왜 만들었지? 시간이 지나도 유지 보수와 확장이 쉬운 소프트웨어를 개발하기 위해! SOLID : 마이클 페어드가 기억하기 쉽게 앞 글자만 따서 소개한 것 SOLID 원칙의 가장 중요한 점은 응집도를 높이고, 결합도를 낮추어 🌞좋은 프로그래밍🌞을 하자는 것이다! 👀 OOP ? Object Oriented Programming 객체를 기본단위로 하여, 객체와 객체 간의 관계를 중심으로, 분석, 설계, 구현, 운영하는 방식 두문자 의미 개념 S SRP (Single Resp.. 공감수 0 댓글수 0 2021. 3. 11.
[ToyProject 03] Bootstrap을 활용한 반응형 웹 구현 깃허브에서 전체 코드 및 결과 화면 보기! 📘 오늘의 프로젝트 주제 Bootstrap 프레임워크 기반 웹 페이지 구현 💻 프로젝트 실행환경 개발 언어 : html, css 개발 도구 Visual Studio Code Google Chrome Browser Bootstrap v5.0 👊 프로젝트 목표 Bootstrap 프레임워크를 활용해서, 자유자재로 커스터마이징하여 요구사항에 맞게 변형할 수 있다! `grid` , `layout`, `position`, `flex`, `component` 등을 자유롭게 활용하고 응용해보자! 📗 공부한 내용 [ 반응형 웹 (responsive web) ] 1. 미디어 쿼리 반응형 디자인의 핵심 구성 요소! ~~부트스트랩이 더 간단하기 때문에 참고용으로 알고있자~~ [ 기본.. 공감수 1 댓글수 2 2021. 2. 5.
[CSS] CSS Position (relative, absolute) 한 방에 정리! 목차 1. Position 속성 1-1. Relative 1-2. Absolute 1-2-1. 부모 relative & 자식 absolute 1-2-2. 조상 relative & 자식 absolute 1-2-3. 조상 position 없음 & 자식 absolute 1-3. Fixed CSS Position CSS Position 요약 position 속성을 통해 문서 상에 요소를 배치하는 방법을 지정한다. top, right, bottom, left 속성을 통해 요소의 최종 위치를 결정한다. 사용법은 간단하다. 기준을 잡는다. (예- position: relative;) 이동시킨다. (예- top: 50px;) 🎈알아두기 block inline block : 한 줄 모두 차지 (대표 element - ,.. 공감수 45 댓글수 6 2021. 2. 2.
[백준/Python] 11729 하노이 탑 이동 순서 (재귀) 재귀가 너무너무 어렵다. 재귀 연습을 위해 기본기에 도움을 준다는 하노이 탑 문제를 풀어보기로 했다. 문제의 이해를 돕기 위해, 예제로 나온 입출력 시, (N==3 일 때) 원판이 어떻게 움직이는 지 영상을 제작했다. [ 코드 ] # #17729 하노이 탑 이동 순서 # 0. 입력 값 숫자형으로 변환 # n : 입력받은 숫자 n = int(input()) # rod1, rod2, rod3 : 각 위치에 있는 장대의 번호 def hanoi(n, rod1, rod3, rod2): ## base case # 원판이 하나일 떄는 그냥 rod1 -> rod3으로 옮기면 끝난다. if n == 1: print(rod1, rod3) ## recursion else: # 1. 원판 n-1개를 rod1에서 rod2로 옮.. 공감수 1 댓글수 1 2021. 1. 30.
[Python/파이썬] OOP 3 상속 Inheritance (오버라이딩 overriding, 다중상속) 목차 상속 super() [연습] Rectangle & Square 메서드 오버라이딩 (Method Overriding) 상속 관계에서의 namespace [연습] Pereson & Animal 다중상속 1. 상속 (Inheritance) 클래스의 가장 큰 특징은 상속이 가능하다는 점이다. 부모 클래스(super class)의 모든 멤버(속성, 메서드)이 자식 클래스(sub class)에게 상속되므로, 코드 재사용성이 높아진다. 활용법 class ChildClass(ParentClass): 부모 클래스와 자식 클래스 (상속) # 부모 클래스 class Person: population = 0 def __init__(self, name='사람'): self.name = name Person.populati.. 공감수 1 댓글수 0 2021. 1. 30.
[ToyProject 02] 파이썬 / movie API와 Requests 모듈을 활용한 데이터 수집 깃허브에서 보기 📘 오늘의 프로젝트 주제 파이썬 API를 활용한 웹 데이터수집 II 💻 프로젝트 실행환경 개발 언어 : Python 3.8 필수 라이브러리 : requests 사용 데이터 TMDB API (https://developers.themoviedb.org/3) 영화정보 API 서비스 영화 검색 API 서비스 👊 프로젝트 목표 Requests 모듈과 API를 활용하여 웹에 접근해, 요청 과 응답을 통해 JSON 형태로 데이터를 받아온 후, python을 통해 필요한 데이터를 수집하고, 가공하는 것이다! 📗 공부한 내용 [ WEB ] 1-1. 서버와 클라이언트 서버와 클라이언트는 HTTP 규약에 따라 요청과 응답을 하며 통신한다. 클라이언트에서 request(요청)을 보내면 서버를 통해 respo.. 공감수 2 댓글수 2 2021. 1. 29.
[Python/파이썬] OOP 2 클래스/인스턴스 변수-메서드(+static메서드) 목차 인스턴스 & 클래스 변수 인스턴스변수 클래스 변수 인스턴스 vs 클래스 간의 namespace 메서드 종류 인스턴스 메서드 클래스 메서드 static(정적) 메서드 정리 1. 인스턴스(Instance) & 클래스(class) 변수 인스턴스 변수 vs 클래스 변수 인스턴스 변수는 각 개별 인스턴스에서 사용하는 변수이고, 클래스 변수는 인스턴스로 찍어 가더라도 모든 인스턴스에서 공통적으로 사용하는 변수이다. 😫 무슨 말인지 모르겠다구용? 이 글을 끝까지 읽으신 후, 다시 올라와서 보시면 '후후 그렇지🤭' 하며 공감하실 거예요. 1-1. 인스턴스 변수 인스턴스의 속성! (attribute) 각 인스턴스들마다의 고유한 변수 메서드 정의에서는 self.변수명으로 정의할 수 있다. 인스턴스 생성 이후에느는 인.. 공감수 1 댓글수 4 2021. 1. 27.
[Python/파이썬] OOP 1 (Object Oriented Programming) 1. 객체(Object) 🤷‍♂️ 객체가 당최 뭐야?! Python에서 모든 것은 다 객체이다. 응? 🤢 객체에는 아래와 같은 것들이 속해있다! 타입 ( type ) 속성 ( attribute ) 조작법 ( method ) 즉, 나만의 타입(Class)를 만들고, 정보를 속성으로(attribute), 로직(행동)은 메서드(method)로 만드는 것이 객체 지향 프로그래밍이다! 🤸‍♂️ 객체의 특징 타입(type): 어떤 연산자(operator)와 조작(method)이 가능한가? 속성(attribute): 어떤 상태(데이터)를 가지는가? 조작법(method): 어떤 행위(함수)를 할 수 있는가? 1.1. 타입 1.1.1. 타입 (Type) 공통된 속성(attribute)과 조작법(method)를 가진 객체.. 공감수 1 댓글수 2 2021. 1. 27.

728x90

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.