본문 바로가기

전체 글348

사무실에서 꽃 보며 일하기 시간이 지나고 나이가 들며, 어렸을 때는 하지 않던 행동을 하게 된다. 나에게 생긴 가장 큰 변화 두 가지는 아래와 같다🤔 첫번째, 버섯을 먹게 됨, 심지어 넘나 좋아함 두번째, 꽃을 좋아함, 발견하면 사진부터 찍음 특히 두번째... 예전에는 비싸고 예쁜 쓰레기라고 부르던 생화가 요즘은 세상 그렇게 예쁠 수가 없다. 그래서 기념일은 아니지만 늘 옆에 꽃을 두고 일하고 싶어서, 꽃 정기구독을 고려하고 있다. 인터넷에 꽃 정기구독이라는 키워드로 검색을 하면 꾸까, 꽃집청년들, 데일로즈, 어니스트플라워, 플립플라워, 모이 등 정말 다양한 업체가 나온다. (결정장애...) 일단 체험식으로 도장깨기를 한 후에 가장 마음에 드는 업체를 선정할 예정이다. 요즘 이용해보고 있는 업체는 꾸까라는 곳인데, 최초로 꽃 정기.. 2023. 5. 15.
Top Project Team 선정 - 판교 호텔 뷔페 메리어트 모모카페 내가 다니는 회사에서는 올해부터 분기별로 Top Performer과 Top Project Team을 선정한다. 각각 개인별, 팀별로 지원서를 제출하고 Top Performer의 경우에는 책임리더와 대표이사가, Top Project Team 의 경우에는 전사 투표를 통해 최종 결정을 한다. Top Performer는 최대 5인, 각 200만원의 상금이 주어지고 Top Project Team에게는 구성원당 1매의 호텔 뷔페 식사권이 주어진다. 나는 올해 1분기에 대시보드를 만드는 프로젝트에 참여했는데, 이번에 해당 팀이 Top Project Team으로 선정되어 다같이 호텔 뷔페를 먹으러 판교 메리어트 모모카페에 다녀왔다. 판교 메리어트 모모카페 주중 점심 뷔페 운영시간 및 금액 [운영시간] 조식 뷔페 : .. 2023. 5. 13.
절대 경로 vs 상대 경로 오늘은 절대 경로와 상대 경로의 개념에 대해서 설명하려고 한다. 이미 다른 포스팅에서도 한 번 다룬 기억이 있는 것 같지만, 유닉스 커맨드를 공부할때도 유용하게 사용되는 개념이다. 경로를 argument로 받는 모든 커맨드에 절대 경로, 상대 경로를 둘 다 사용할 수 있기 때문이다. 절대 경로 절대 경로란, 루트 디렉토리를 기준으로 어떤 파일이나 디렉토리의 고유한 경로를 표시하는 것을 말한다. 경로가 길어질수록 불편해지는 단점이 있다. ex) home/heina/documents/study/codeit/20230509 상대 경로 상대 경로란, 현재 자신이 위치해 있는 디렉토리 기준으로 경로를 나타내는 것을 말한다. 현재 디렉토리는 . 으로 표시하며, 상위 디렉토리는 .. 으로 표시한다. ex) ../co.. 2023. 5. 9.
파일과 디렉토리 살펴볼 때 사용하는 기본 커맨드(pwd, cd, ls) 파일과 디렉토리를 살펴볼 때 사용하는 기본 커맨드에 대해서 알아보자! 모든 공부가 다 그렇겠지만 코딩 공부는 특히, 직접 해보는 것과 눈으로만 보는 것이 천지 차이다. 오류 투성이더라도 실제로 작성해서 결과를 보는 것이 기억에 오래 남는다. 이번 포스팅은 맥북에 기본으로 설치되어 있는 터미널 프로그램만 실행하면 누구나 직접 해볼 수 있다. 함께 따라하면서 공부하는 것을 추천한다. 터미널 프로그램을 열면 아래와 같은 화면이 나오는데, 초록색 텍스트로 표시된 부분(zoe.lee@zoeleeui-MacBookPro) 옆의 '~' 표시는 우리가 현재 위치해 있는 디렉토리를 의미한다. 처음 터미널을 시작하면 기본으로 home directory 에서 시작하는데, 현재 위치해 있는 디렉토리를 working direc.. 2023. 5. 8.
서브라임 텍스트(Sublime Text) 편집기 설치하기 서브라임 텍스트(Sublime Text)라는 심플하고 간편하게 사용할 수 있는 편집기가 있다고 해서 설치해 보았다. 원래는 VS Code를 사용하고 있는데, 사실 조금 질리기도 했고(응?) 나는 원래 이것 저것 다양하게 써보고 비교하는 걸 좋아한다. 이 소스코드 편집기에 대해서 조금 더 자세히 설명해보자면, 파이썬 API 용으로 작성된 사유 크로스 플랫폼 소스 코드 편집기라도 한다. 다양한 프로그래밍 언어, 마크업 언어를 네이티브로 지원한다. 또한 플러그인을 사용하여 사용자에 의해 기능 확장이 가능하다. 서브라임 텍스트 주요 기능 - Goto Anything : 특정 파일, 심볼, 줄로의 빠른 이동 - Command Palette : 특정 명령의 빠른 키보드 발동을 위한 적응형 일치 사용 - 동시 편집 .. 2023. 5. 3.
정보와 의미를 담고 있는 html 태그들(meta, link, title, 시맨틱 태그) 의미를 담고 있는 html 태그를 효율적으로 사용하면 검색 최적화나 웹 접근성 등에 도움이 된다. 이번 포스팅에서는 정보와 의미를 담고 있는 html 태그들에 대해서 알아보도록 하겠다. 안의 , , 태그는 페이지에 대한 정보를 담고 있는 태그이다. 태그 안에 컴퓨터가 읽고 사용하는 메타 데이터(meta data)가 담겨 있는데, 메타 데이터는 '데이터에 대한 데이터'라고 할 수 있다. (말이 어렵...) 페이지 제목을 나타내는 , css 파일이나 파비콘 이미지 등을 불러오는 , 그리고 각종 태그 등이 이에 속한다. 첫번째 줄에 있는 meta charset은 utf-8 인코딩을 사용해서 올바른 문자를 보여주게 하고, 네번째 줄의 og는 오픈 그래프(open graph)의 약자이다. 카카오, 페이스북, 네이.. 2023. 5. 3.
JSON 문법과 자바스크립트 객체 표기법 비교 JSON 문법과 자바스크립트 객체 표기법의 공통점과 차이점에 대해서 정리해 보았다. JSON 문법이란? 구글 홈페이지에 request를 보내면 서버가 아래와 같이 html과 javascript로 이루어진 코드를 response 해준다. 그러면 웹 브라우저가 받은 코드를 해석한 후에 예쁘게 화면에 출력해서 우리에게 보여주는 것이다. 이렇게 request로 받을 수 있는 포멧은 html과 javascript 코드 외에도 여러가지가 있다. 개발자 도구 console 창에 아래와 같이 입력해서 실행하면, html 형식이 아니라 데이터로 추정되는 결과를 response로 받는다. 이것은 JSON 이라고 하는 포맷인데, JavaScript Object Notation의 약자이다. 개발자들이 어떤 정보를 나타낼 때 .. 2023. 5. 3.
다른 코드 불러올 때 사용하는 <link>, <script> 태그 코드잇 학습일기 챌린지가 끝났다. 동기부여도 되고 나름 재미있다고 생각했는데, 새로운 공지가 올라오지 않은 것을 보니 5월에는 챌린지를 진행하지 않는 것 같다. 그래도 뭐, 그거랑은 상관없이 앞으로도 계속 블로그에 공부한 내용을 정리해서 올릴 예정이다. 오늘은 다른 코드를 불러올 때 사용하는 링크(link) 태그와 스크립트(script) 태그에 대해서 소개하려고 한다. 외부에서 파일을 불러올 때는 태그는 외부에서 파일을 불러올 때 사용하는 태그이며, 구글 폰트를 적용할 때에도 link 태그를 사용한다. 파비콘을 지정할 때에도 link 태그를 사용한다. favicon.ico 라는 파일을 서버에 업로드 한 후에 해당 경로를 지정해주면 된다. rel 속성에는 icon 이라고 쓴다. html에서 자바스크립트를 .. 2023. 5. 2.
2022 귀속 종합소득세 확정신고 안내(모두채움) 매년 5월은 종합소득세 신고를 하는 달이다. 작년에 입사 전 외주 몇 개를 진행했었는데, 그 당시에 사업소득 공제를 하고 임금을 지급받았다. 회사 다니느라 정신이 없어서 까맣게 잊고 있었는데, 며칠 전 국세청에서 카톡 메세지를 받았다. 국세청에서 종합소득세를 미리 계산해서 안내하니 ARS 전화로 간편하게 신고하라는 내용이었다. 해당 업체에서 국세청에 성실하게 신고를 한 모양이다. 이렇게 종합소득세 신고 시기에 맞추어 금액과 내용을 친절하게 알려주고, 심지어 전화로도 신고를 할 수 있게 해 주다니... 예전엔 홈택스 사이트 들어가서 개인정보 넣고 로그인 하고, 엄청 번거로웠는데... 세상이 진짜 좋아졌다. 감동이다. 게다가 나는 환급받을 세액이 있는 경우인데 만약 신고를 하지 않는다면 환급금 지급이 불가하.. 2023. 5. 2.
코드잇 학습일기 Day17. 폼 태그 속성, 인풋 태그 종류와 속성 어제는 폼(form) 태그의 구성과 인풋, 라벨, 버튼을 만드는 코드를 공부했다. 오늘은 어제에 이어 폼 태그의 속성, 인풋의 종류 등에 대해서 알아볼 예정이다. 폼 태그의 속성 폼 태그는 action 속성과 method 속성 - 두 가지 속성을 가지고 있다. action 속성 폼에 내용을 입력하고 버튼을 누르면 기본적으로 페이지를 이동한다. 만약 현재 페이지의 주소가 heinafantasy.com 이라고 가정하고, 아이디에 heina, 비밀번호에 1234를 적었다고 하면, 버튼을 눌렀을 때 아래와 같은 주소로 이동한다. http://heinafantasy.com/?id=heina&password=1234 주소를 자세히 들여다 보면, 물음표 이후로 폼에 입력한 값이 들어있다. 이런 것을 쿼리 문자열(Qu.. 2023. 4. 25.