개발
성공적인 사이드 프로젝트 시작을 위한 3가지 팁
데드라인을 정하고 엄수할 것! 안정하고 안지키면 끝이 안난다. 클라이언트에게 일을 받은 것처럼 프로젝트를 하기. 핵심 기능만 개발하도록 집중. 개발 하다보면 이것저것 하게 될 수 있는데 핵심에 집중. 최소한의 핵심 기능 (MVP: Minimum Viable Produc)을 구현하는 것을 목표로 할 것. 끝내는 게 중요하다 아름답고 멋지게 만드는 것도 중요하지만, 끝내는 게 더 중요함 끝내기는 쉽지 않다. 일단 런칭하고 조금씩 보완해 가기.
자바스크립트 코드 난독화 사이트
자바스크립트 난독화를 통해 코드를 이해하기 어렵고, 권한 없이 복사 및 재사용, 수정이 힘들게 만들 수 있습니다. 난독화를 거친 코드는 가독성이 떨어지지만, 기존 코드와 동일하게 작동합니다 자바스크립트 난독화 사이트: https://obfuscator.io/ UglifyJS와 같이 자바스크립트 코드 이해가 어렵게 만들어 주는 사이트도 있지만, JS Beautifier와 같은 앱을 통해 쉽게 변환할 수 있습니다. 위 사이트에서는 self-defending, debug protection과 같은 추가 난독 기능을 제공합니다. 자바스크립트 소스 코드를 아래 창에 붙여 넣으면, 다음과 같이 난독화된 코드로 변환됩니다.
클라스를 통한 CSS 속성 적용 방법 ✔️
지난 글에서는 HTML 문서의 기본 요소에 CSS를 적용하는 방법에 대해 살펴봤습니다. 선택자를 사용하여 간단하게 문서의 h1 태그나 p 태그에 CSS를 적용할 수 있었는데요. 각 요소마다 서로 다른 스타일을 적용하려면 어떻게 해야 할까요? 이 때는 HTML 요소에 클라스(class)를 부여하여 CSS를 적용할 수 있습니다. CSS와 클라스 다음과 같은 목록이 있다고 해보겠습니다. 이 중에서 두 번째 목록에만 특정한 스타일(오렌지 색으로 변경)을 부여하고 싶다면 어떻게 해야 할까요? Item One Item Two Item Three 다음과 같이 두 번째 요소에 클라스 속성을 부여하면 됩니다. Item One Item Two Item Three 다음으로 CSS에서 해당 클라스를 선택하여 속성을 부여합니다..
CSS 포지션 속성 설명: absolute, fixed, relative 차이 설명 ✔️
CSS 포지션(postion) 속성은 요소를 문서의 특정 위치에 배치할 때 사용합니다. 요소의 최종 위치는 포지션의 top, right, bottom, left 값에 따라 결정됩니다. static: 일반적인 흐름을 따라 요소를 배치하는 속성입니다. relative: 일반적인 흐름을 따라 요소를 배치하고, 자신을 기준으로 위치 값을 적용합니다. absolute: 요소를 일반적인 흐름이 아닌 가장 가까운 특정 부모 요소에 따라 상대적으로 배치합니다. 부모에 특정한 포지션 속성이 없다면(static 포함) 상위 컨테이너 블록을 기준으로 합니다. fixed: 요소를 일반적인 흐름이 아닌 뷰포트의 컨테이너 블록을 기준으로 배치합니다. sticky: 일반적인 흐름을 따라 요소를 배치하고 스크롤 되는 가장 가까운 부..
파이썬 클라스 설명 (3) self와 __init__이란?
파이썬에서 클라스 내부 함수인 메소드를 정의하고 호출할 때 self와 __init__을 활용할 수 있습니다. 이는 정확히 어떤 의미와 용도인 것일까요? 예시를 통해 자세히 살펴보도록 하겠습니다. self 설명 다음과 같이 식당에서 인원 수에 따라 메뉴를 주문하는 간단한 클라스가 하나 있다고 해보겠습니다. class Cooking: def makingLunch(self, menu, people): print(menu + " " + people + "인분 준비 중입니다.") order = Cooking() order.makingLunch("김밥", "3") # 김밥 3인분 준비 중입니다. 위 makingLunch 함수는 첫 번째 인자로 self를 받고 두 번째, 세번 째 인자로 menu와 people을 받습..
파이썬 클라스 설명 (2) 인스턴스와 메소드란?
이전 글에서는 클라스의 의미에 대해 알아봤는데요. 클라스를 공부하다보면 인스턴스와 메소드라는 용어를 접하게 됩니다. 이는 무엇일까요? 아래는 기존에 만들었던 쿠키 박스 클라스 코드입니다. 이를 통해 인스턴스와 메소드의 의미를 살펴볼 수 있습니다. class cookieBox: def makingCookie(self, *cookies): box = [] for cookie in list(cookies): box.append(cookie) print(box) cookieBox1 = cookieBox() cookieBox2 = cookieBox() cookieBox1.makingCookie('whiteCookie', 'blackCookie') # ['whiteCookie', 'blackCookie'] cook..
파이썬 클라스 설명 (1) 클라스란?
클라스란 무엇이며 왜 필요할까요? 다음과 같이 쿠키 박스에 쿠키를 담는 경우를 통해 살펴보도록 하겠습니다. 쿠키 박스에 쿠키 담기 쿠키를 만들어 박스에 담는 함수가 있다고 해보겠습니다. def makingCookie(*cookies): box = [] for cookie in cookies: box.append(cookie) print(box) makingCookie('whiteCookie', 'blackCookie') # ['whiteCookie', 'blackCookie'] makingCookie('whiteCookie', 'brownCookie') # ['whiteCookie', 'brownCookie'] 이렇게 하면 박스에는 각 쿠기가 담기지만, 문제는 함수를 호출할 때마다 box가 새로운 쿠키로..
파이썬 함수 설명 (2) 변수와 스코프
파이썬 함수 내에서 선언한 변수의 스코프(범위)는 기본적으로 해당 함수 내로 제한됩니다. 이는 함수 내에서 사용되는 변수가 함수 외부의 변수들과는 독립적이라는 의미이기도 합니다. a = 1 def cal(a): a += 1 return a print(cal(a)) # 2 print(a) # 1 위 예시에서는 cal() 함수 밖에 a라는 변수가 존재합니다. 함수에 a를 인수로 넣어 얻게 되는 결과값은 2이지만, 함수 밖의 a 변수의 값은 여전히 1입니다. 함수 내의 변수가 함수 안에서만 유효하다는 건 다음 방식으로도 확인할 수 있습니다. def cal(a): a += 1 return a print(cal(1)) # 2 print(a) # NameError: name 'a' is not defined 이처럼..
