본문 바로가기

분류 전체보기152

margin: 0 auto; 가운데 정렬이 되지 않을 때 가운데 정렬을 하는 방법은 여러가지가 있는데 나는 그 중에서도 text-align:center; 와 margin: 0 auto;를 가장 많이 사용하는 편이다. 그런데 간혹 margin:0 auto;를 적용해도 가운데 정렬이 되지 않을 때가 있다. 이러한 상황에서 체크해 볼 수 있는 세가지 방법에 대해서 소개하도록 하겠다. margin: 0 auto; 가운데 정렬이 되지 않을 때 해결방법 1. 가장 첫번째로 해야 할 일은 선언이 제대로 되었는지 확인해보아야 한다. 2. auto는 자동으로 사이즈를 설정해주는 것이다. 그러므로 가로폭의 사이즈를 정확하게 인식할 수 있어야 정렬이 가능하다. margin: 0 auto; 가 반응하지 않을 때에는 해당 영역의 가로 사이즈가 제대로 설정되어 있는지 확인해보고, 만약.. 2021. 8. 2.
피그마(Figma) 소개 & 다운로드 설치 방법 나는 요즘 피그마(Figma) 프로그램을 사용하여 디자인 업무를 하고 있다. 2년 전쯤 지인의 소개로 알게 되었는데 처음 사용해 보자마자 이 녀석의 매력이 흠뻑 빠져서 이제는 거의 베프와도 같은 없어서는 안되는 존재가 되었다. (완전 소중) 피그마는 UI 디자인 프로토타입 도구로 스케치(Sketch)나 어도비XD와 비슷한 툴이라고 생각하면 된다. 당연히 이 프로그램들을 이미 사용해 본 경험이 있는 디자이너들이라면 어려움 없이 빠르게 적응이 가능하며, 포토샵만 할 줄 알더라도 단축키 등 비슷한 부분이 많기 때문에 하루만 마음잡고 집중하면 어느정도 기본적은 스킬들은 모두 익힐 수 있을 것이라 생각된다. 장점이 많은 피그마(figma)를 여러 사람들과 공유하고 싶어서 오래 전부터 계획하고 있었지만, 이런저런 .. 2021. 7. 28.
카카오뱅크 공모주 청약 방법 (2) 한국투자증권 어플에서 공모주 청약하기 토스를 통해서 한국투자증권 계좌를 개설했다. (지난 포스팅 참고 - 아래 링크 클릭) 2021.07.26 - [혼자서도 잘 해요/etc] - 카카오뱅크 공모주 청약 방법 (1) 토스에서 한국투자증권 계좌 개설하기 이제 계좌를 개설했으니 카카오뱅크 공모주를 청약하는 방법에 대해서 소개하도록 하겠다. 한국투자증권 어플에서 공모주 청약하는 방법 먼저 앱스토어 or 안드로이드 마켓에 들어가서 한국투자증권 어플을 다운로드 해야 한다. 다운로드 후 어플을 실행하면 계좌 개설, 로그인, 영업점 개설 계좌, 제휴 개설 계좌 선택이 있는데 각자 개설한 루트를 선택하여 연결을 해주면 된다. 나의 경우는 토스에서 개설을 했기 때문에 제휴 개설 계좌로 시작 > 토스를 선택했다. ARS로 인증을 하고 간편로그인 비밀번호와 FA.. 2021. 7. 26.
카카오뱅크 공모주 청약 방법 (1) 토스에서 한국투자증권 계좌 개설하기 동생에게 카카오뱅크 공모주 청약을 추천받았다. 그래서 알아보니 카카오뱅크 공모주는 7월 26일부터 27일까지 이틀간 일반투자자를 대상으로 청약을 진행한다고 한다. 참고로 이후 일정은 7월 29일(목) 납입 및 배정, 8월 5일(목) 코스피 시장 신규 상장이다. 일반투자자가 청약을 하려면 KB증권, 한국투자증권, 하나금융투자, 현대차증권 중에서 한 군데 계좌가 꼭 필요하다고 해서 나는 한국투자증권 계좌를 개설했다. 앱스토어에서 어플을 바로 다운로드하는 방법도 있지만 토스를 이용하면 일반 주식 1주도 선물로 받을 수 있고, 현재 추첨을 통한 샤넬백 증정 이벤트도 하고 있어서(오?) 토스 이벤트를 통해 계좌를 만들기로 했다. 토스에서 한국투자증권 계좌 개설하기 가장 먼저 토스 어플을 실행하고 우측 하단의 '전.. 2021. 7. 26.
QCY-T1 블루투스 이어폰 한쪽만 들릴 때 초기화 방법 나는 QCY-T1 이어폰을 사용하고 있는데, 간혹 페어링 오류가 발생해서 난감할 때가 있다. 연동이 끊겨서 한쪽만 연결이 되는 경우가 보통인데, 오른쪽 이어폰을 연결한 후에 왼쪽 이어폰을 연결하면 다시 오른쪽이 끊어지고... 그래서 한쪽 이어폰만 사용할 수 있는...😢 인터넷을 찾아보니 나 뿐만 아니라 같은 브랜드 기종의 이어폰을 사용하는 분들에게 흔히 발생하는 일인 듯 하여, 이번 포스팅에서는 QCY-T1 한쪽만 들릴 때 초기화 하는 방법에 대해서 소개하려고 한다. QCY-T1 페어링 연결 방법 우선... 제품설명서에 나와 있는 페어링 연결 방법은 아래와 같다. 1. 전원이 꺼져있는 상태에서 두 이어폰의 다기능 버튼을 20초동안 길게 눌러준다. 2. 누른 상태에서 빨간 LED, 백색 LED가 깜박거리다.. 2021. 7. 23.
CSS로 색상 표현하기(HEX, RGB, 색 이름) html 파일에 사용된 텍스트나 div 배경 등에 색상을 사용할 때는 CSS를 이용하면 된다. CSS에서 색상을 표현하는 방법 세가지를 포스팅으로 정리하려고 한다. 색 이름 사용하기 우리가 사용하는 색상 이름을 바로 입력하여 사용이 가능하다. p { color: red; background-color: white; } CSS에서는 140가지의 색상을 이름으로 지원한다고 한다. 아래 url을 클릭하면 지원하는 색상표를 확인할 수 있다. 그러나 이 방법은 black, white가 아닌 이상 색상을 세밀하게 원하는 대로 조절할 수 없어서 디자이너들은 거의 사용하지 않는다. 이를 보완하여 더 다채로운 색상을 표현하는 방법은 HEX, RGB를 사용하는 것이다. https://www.w3schools.com/css.. 2021. 7. 22.
아이패드 프로 파우치 추천, 킨맥 360쉴드 노트북 파우치 델피니움 기존에 쓰고 있는 13인치 맥북은 쌤소나이트 레드 백팩에 넣어 가지고 다니는데 매우 만족스럽다. 그런데 이번에 아이패드 프로를 구입하게 되어... 그것까지 넣으려니 너무 무겁고 공간도 부족하다는 생각이 들었다. 이런 이유로 이번에 아이패드 프로 12.9형을 보관할 파우치를 추가로 구입했는데 사이즈부터 내구성까지 전체적으로 마음에 들어 블로그에 정보를 공유하려고 한다. 킨맥 360쉴드 노트북 파우치 COUPANG www.coupang.com 내가 구입한 제품은 킨맥(KINMAC)의 360 쉴드 노트북 파우치이다. 킨맥(KINMAC)은 디지털 액세서리 전문 브랜드로 이 노트북 파우치는 직접 디자인하고 제작한 360 쉴드 시리즈 랩탑 오거나이저 슬리브 중 하나이다. 360 쉴드는 3가지 사이즈로 출시되었는데 .. 2021. 7. 17.
자바스크립트 함수 선언과 호출 변수가 값을 저장하는 기능을 한다면, 함수는 명령을 저장하는 기능을 한다고 생각하면 된다. 파이썬에서 함수를 선언할 때는 def를 사용했는데 자바스크립트에서는 function을 사용한다. (앍 헷갈려...) 자바스크립트 함수를 선언하고 호출하는 방법에 대해서 정리하도록 하겠다. 함수 선언 함수 선언의 구조는 아래와 같다. function 함수명() { 명령; 명령; }; function 뒤에 원하는 함수명을 입력한 뒤에 소괄호, 중괄호를 순서대로 써주면 된다. 중괄호 안에는 명령어들을 입력하는데 보통 한 줄에 명령 한 개를 입력한다. // 함수 선언 function hello() { console.log('Hello, world!'); console.log('Nice to meet you.'); }; 함.. 2021. 7. 16.
클래스(class)와 아이디(id)의 차이점 html의 특정 요소에만 다른 효과를 주고 싶을 때, 해당 요소에 클래스명 또는 아이디값을 할당하여 처리가 가능하다. 클래스(class)와 아이디(id)는 얼핏 보기엔 똑같은 기능을 하는 것 같지만, 알고 보면 이 둘은 큰 차이점을 가지고 있다. 이름을 불러오는 방식 클래스를 불러올 때는 클래스명 앞에 마침표(.)를 찍어준다. 아이디를 불러올 때는 아이디값 앞에 샵(#) 표시를 해준다. 아래는 아이디값과 클래스명을 모두 가진 태그가 있고, 이것을 css를 이용하여 꾸며준 예시이다. 김영희 중복 사용 여부 클래스는 중복 사용이 가능하여, 동일한 클래스명을 페이지의 여러 곳에 사용해도 무방하다. 그러나 아이디는 중복으로 사용할 수 없다. 한 개의 아이디는 페이지에서 딱 한번만 사용해야 한다. 김영희 박철수 .. 2021. 7. 15.
자바스크립트 좋은 변수명 짓기 & 스타일 가이드 자바스크립트 코드를 쓰고 변수명을 지을 때에 도움이 될 만한 몇가지 팁을 공유하려고 한다. - 자바스크립트 식별자는 알파벳 대소문자, 밑줄(_), 달러기호($), 숫자를 사용한다. - 식별자는 알파벳 대소문자를 구별하며, 첫글자로 숫자는 사용할 수 없다. - 예약어(let, if, for 등)는 변수명으로 사용할 수 없다. - 의미없는 변수명(a, b, c 등)은 되도록 사용하지 않도록 한다. - 변수 이름은 첫번째 글자는 소문자, 띄어쓰기가 있는 각 단어의 첫 문자는 대문자로 표기(camelCase)한다. - 코드 들여쓰기는 2칸 공백을 사용한다. 다른 건 다 그렇다치고 파이썬 기초 강의를 듣고 나니 변수 표기법과 들여쓰기가 파이썬과 달라서 혼란스러워 하는 중이다. 코드 들여쓰기의 경우 파이썬은 4칸 .. 2021. 7. 14.