티스토리

흘러흘러
검색하기

블로그 홈

흘러흘러

lkhwi.com/m

만 세 님의 블로그입니다.

구독자
0
방명록 방문하기

주요 글 목록

  • 이직의 기준 https://youtu.be/THkoFLt9DAQ?si=BRHLPaU5uRlV_tXa 회사 자체가 내 세상의 전부가 될 때, 이직을 고민해봐라  하이 퍼포머는 하나의 업무에 만족하지 않는다 끝장을 보고 임팩트를 미쳐야 희열을 느끼는데, 회사가 날마다 그런 프로젝트를 줄 수는 없다 그래서 나는 리턴오퍼를 준다, 언제든지 돌아와라  관리자 입장에서 보는 일 잘하는 건 리더십과 얼라인먼트를 잘한다, 리더십을 피드백 파트너로 활용한다  팀웍결국 이직에서 중요한 건자기다움을 찾는 것, 자기다움을 유지하는 것 공감수 0 댓글수 0 2024. 11. 23.
  • JS에서 return 1. Function을 단순히 콘솔에 print하려고 쓰진 않는다, 우리는 function에게 어떤 작업을 처리하게끔 하는데, 때로는 조용히 일처리하길 바라지만 때로는 그 결과를 알려주는 function을 원한다, 그래서 return을 쓴다  2. Return의 가치는 console.log를 쓰지 않아도 화면에서 결과값을 보여주는 데 있다  3. Function 안에서 return을 쓰면 코드를 더 intertwined하게 쓸 수 있다, codependent하게 쓸 수 있다, function 안에 단순히 console.log를 쓰면 그렇게 못한다  4. 콘솔로그는 콘솔에 결과를 보여주기 위함이다, 브라우저에서 alert를 보여주듯이, 그래서 return을 안 쓰고 console.log를 펑션 안에 쓰면,.. 공감수 0 댓글수 0 2024. 10. 17.
  • JS에서 functions 등 1. function 에는 소괄호가 필요하다, 그리고 실행하면 중괄호 내의 것들이 실행된다 function sayHello() {   a;lsdkfj;alsdkjf}; 2. Argument(인수)는 function을 실행하는 동안 어떤 정보를 function에게 보내는 거다  3. Function에서 () 안에 넣는 게 데이터를 넣는 거고 {}안에 넣는 게 발송하는 것이다 Function sayHello(nameOfPerson, age) {   Console.log("Hello my name is " + nameOfPerson + " and I'm " age);}SayHello("nico", 10);SayHello("dal", 20);SayHello("Lynn", 15); 4. 펑션 괄호 안의 순서는 매.. 공감수 6 댓글수 4 2024. 10. 17.
  • JS에서 array, objects 1. 데이터 구조 중 제일 쉽고 빠르게 배울 수 있는 게 array(배열) : Reorganize values inside of a list 2. Data types를 효율적으로 list하고 group하는 방법이 필요하다, 그래서 array가 등장 3. Array는 대괄호 안에 항목들을 쉼표로 구분하여 넣어주면 생긴다Const mon = "mon"Const tue = "tue"쭉 해주고Const daysOfWeek = [mon, tue, wed, thu, fri, sat, sun];Console.log(daysOfWeek); 4. Array 대괄호 안의 값은 number, string, Boolean, null, undefined 뭐든 넣어도 된다  5. Array 안에서 몇번째 값을 찾으려면? 해당 변.. 공감수 0 댓글수 0 2024. 10. 14.
  • 브라우저에서 콘솔 여는 법, 그리고 JS 기초(string, const/let, Boolean, etc.) 1. F12를 누르거나 마우스 우클릭 -> 검사 를 누르면 된다  2. 콘솔 열리면 우상단 세로점세개 표시 클릭하고 Dock Side를 조정 가능하다  3. 콘솔 텍스트 크기 키우려면 Ctrl/Cmd 누르고 + 버튼을 누르면 된다 (마우스 휠로는 안될 수 있음)  줄이려면 Ctrl/Cmd 누르고 - 버튼을 누르면 된다     4. 정수는 integer, 소숫점 있으면 float, 자바스크립트는 숫자 그대로를 type으로 인식한다, 이해한다  5. 자바스크립트는 텍스트는 그대로 인지 못한다, 따옴표 안에 넣어주면 이해한다, 그리고 이걸 text라고 부르지 않고 string이라고 부른다 6. Console.log(12345);라고 js코드를 치면, 괄호 안의 내용을 콘솔로 log 또는 print(출력)한다 .. 공감수 1 댓글수 1 2024. 10. 12.
  • JavaScript intro 1. JS는 설치할 필요 없다, 모든 브라우저에 내장되어 있다, 브라우저가 이해하는 세 가지가 html, CSS, 그리고 자바스크립트 2. FE에서는 자바스크립트를 반드시 배워야 한다, BE에서는 루비, 파이썬, 고, 자바 등 고를 수 있지만, FE는 그렇지 않다 3. JS를 더 깊게 배우고 싶다면 프레임워크로 넘어가면 된다, 프레임워크는 헬퍼다, 가령 리엑트네이티브는 자바스크립트로 안드로이드와 iOS 앱을 만들게 해준다, 즉 자바스크립트를 배우면 안드로이드랑 iOS앱을 만드는 방법도 이해하게 되는 거다   4. 일렉트론은 데스크탑앱을 만들게 해준다, 가령 VSCode도 html, css, is로 만들어졌다, 페북메신저, 슬랙, 피그마도 이렇게 만들어졌다 5. FE를 JS로 만들고 BE도 만들 수 있기도.. 공감수 8 댓글수 3 2024. 10. 12.
  • VSCode에서 글자 크기 키우는 법 1. 설정(우하단 톱니바퀴 클릭하고 settings)에서 mouse wheel zoom 검색해서 체크하면 컨트롤/커맨드 누르면서 마우스휠로 크기 조절 가능하다  2. 설정 첫페이지에 commonly used에 Font Size에서 픽셀 올려두면 기본 크기를 키울 수 있다  코드 글자 크기를 키우려면 위 1이나 2에 따라 하면 된다  VSC의 메뉴/사이드바 섹션 포함해 전체 크기 자체를 키우려면 아래 3에 따른다 3. 설정에서 Zoom Level을 검색해서 기본 세팅으로 되어 있는 0을 양수로 바꿔주면 크기 조절 가능하다    - 확대가 아닌 축소를 하고 싶다면 음수를 넣으면 된다   - 1 또는 2와 3을 동시에 하면 1 또는 2만 했을 때보다 글자는 더 커진다 공감수 0 댓글수 0 2024. 10. 12.
  • Git 관련 - 깃헙에서 FE 웹사이트 보여주는 법 등 1. Github에서 branch 갖고 있으면 GitHub에서 공짜로 static hosting을 제공한다ㅡ static website는 오로지 front-end만 작동 가능한, HTML, CSS, JavaScript만 쓸 수 있는 걸 의미한다  2. Branch의 이름은 반드시 go-pages여야 한다, 이건 의무사항이다, 저장소는 물론 public이어야 한다, 소문자다    3. 이걸로 작업한 걸 보여줄 수 있다, 무료 웹사이트 갖고 무료 포트폴리오 갖고 있을 수 있다  4. URL은 : 유저네임.GitHub.io/리파지토리제목 5. 아니면 리파지토리 들어가서 우측 environments에서 GitHub pages 클릭하고 우측에 view deployments 누르면 된다, Awesome!  6. G.. 공감수 0 댓글수 0 2024. 10. 10.
  • HTML, CSS 기타 1. Css 에서 "box-sizing: border-box"라고 쓴 거는 padding을 디폴트로 상자 밖의 영역으로 인식하는 css한테 "내가 padding을 줘도 신경쓰지 마, 내 box 사이즈를 늘리지 말아줘"라고 한 거다 2. 닷(.)은 class를 지칭한다  3. 스크린샷을 보면서 반복되는 모양들을 component로 만들고 따로 빼면 작업하기 아주 쉬워진다  4. Html에서 주석은 로 처리한다  5. id 쓰기보다 class명이 길어져도 그렇게 BEM 테크닉 쓰길 권고한다 6. 클래스명을 "user-component__title--not-bold" 이렇게 길게 써도 된다  7. 1 이라고 쓰면 클래스가 2개 있는 것이다  8. 같은 코드가 반복된다면 var로 만들어주는 게 좋다, 똑같은 코.. 공감수 9 댓글수 7 2024. 10. 8.
  • BEM, 아이콘, css import 1. Block Element Modifier 규칙으로 코드를 짜자, 코드를 읽기가 정말 쉬워진다, 클래스가 커다래질 수 있다는 단점이 있지만 단점이 아니다, 클래스 이름을 체계적으로 지을 수 있게 된다 (BEM으로 짜는 게 나은지 id와 class를 섞어쓰는 게 나은지 스스로 판단해 봐    2. Heroicons.dev 에서 카피하고 태그 안에 넣어주면 된다, css로 모양 바꿔줄 수 있다, 무료라서 많지는 않다  3. Fontawesome.com은 유무료 다 있고 매우 좋다, code kit를 받은 다음에 프로 클릭해서 유료 결제 가능하다    스크립트 태그는 항상 바디 태그를 닫기 전 가장 마지막에 와야 한다  4. "wow I am really enjoying myself. I love thi.. 공감수 2 댓글수 0 2024. 10. 2.
  • HTML/CSS, 깃, 깃헙 1. nav>ul>li*4>a 라고 치면 VSC가 지루한 아래 HTML 코드를 숏컷으로 짜준다                          2. 깃 다운받기: git-scm.com  3. 깃헙: github.com 4. 깃헙의 repositories는 코드가 사는 집이다  5. 깃헙의 commit은 '나 이 버전의 코드를 저장하고 싶어'다 6. 깃헙은 history를 볼 수 있다 7. 깃헙에서 변경된 코드를 볼 수 있는 건 깃 덕분이다, 깃헙이 도움을 주지만 변경사항을 식별해주는 건 깃이다  8. 이전 버전으로 돌아갈 수 있도록 코드관리를 해주기 때문에 매우 중요하다  9. Repository name은 소문자로 띄어쓰기 없이 만들어야 한다  10. 깃헙웹페이지에서 Repository 만들고, 데탑앱에서.. 공감수 0 댓글수 0 2024. 10. 1.
  • VSC 설치 1. 폴더 새로 만들고 VSC에서 해당 폴더를 오픈해야 함 2. 폴더명은 언제나 소문자여야 한다  3. 파일은 언제나 오픈한 폴더 내에 만들어야 하고, 파일명도 언제나 소문자여야 한다  4. 브라우저가 html과 css를 이해한다 5. VSC는 텍스트 에디터일 뿐이고 메모장으로도 html은 만들 수 있다 6. 익스텐션이 좋아서 VSC 쓰면 좋다 7. 추천 확장프로그램: community material theme(set color theme), material icon theme 8. 브라우저는 html에 에러가 있다고 말해주지 않는다, 늘 컨텐츠를 보여주려고 한다, 그래서 오류를 찾기 어렵기도 하다 9. Html은 브라우저에게 얘기를 해주기 위해 존재한다 10. VSC는 자동으로 태그를 달면 닫는 태그.. 공감수 0 댓글수 0 2024. 9. 30.
  • 주는 거 나는 어떤 부가가치를 창출하고 있는지 세상에 무얼 주고 있는지 공감수 0 댓글수 0 2024. 9. 10.
  • 오늘 내가 원하는 거 나는 0에서 80만드는 게 80에서 90만드는 것보다 좋다  90에서 95만드는 건 싫다 버틸 줄 알아서 더 고역이야 재미없어  0에서 80으로 알아가는 건 재미있어 공감수 0 댓글수 0 2024. 9. 7.
  • 오늘 내가 원하는 거 마음에 사랑을 가지고 일하기 영어로 자유롭게 소통하기 자만이 아니라 호기심으로 일하기 과거는 고마움으로 현재는 활기로 미래는 호기심으로 살기 기업법무 거버넌스 상법 회사법 자본시장법 공정거래법 관련 업무 더 해본다 자유롭게 살기 공감수 0 댓글수 0 2024. 8. 30.
  • Galatians 6 Epistle to the Galatians 6 Doing Good to All 1 Brothers and sisters, if someone is caught in a sin, you who live by the Spirit should restore that person gently. But watch yourselves, or you also may be tempted. 2 Carry each other's burdens, and in this way you will fulfill the law of Christ. 3 If anyone thinks they are something when they are not, they deceive themselves. 4 Each one should test.. 공감수 1 댓글수 0 2022. 9. 23.
  • 마태복음 제7장 Matthew 7 남을 비판하지 말라 (루카 6 : 37-38, 41-42) 1 비판을 받지 아니하려거든 비판하지 말라 2 너희가 비판하는 그 비판으로 너희가 비판을 받을 것이요 너희가 헤아리는 그 헤아림으로 너희가 헤아림을 받을 것이니라 3 어찌하여 형제의 눈 속에 있는 티는 보고 네 눈 속에 있는 들보는 깨닫지 못하느냐 4 보라 네 눈 속에 들보가 있는데 어찌하여 형제에게 말하기를 나로 네 눈 속에 있는 티를 빼게 하라 하겠느냐 5 외식하는 자여 먼저 네 눈 속에서 들보를 빼어라 그 후에야 밝히 보고 형제의 눈 속에서 티를 빼리라 (위선자야, 먼저 네 눈에서 들보를 빼내어라. 그래야 네가 뚜렷이 보고 형제의 눈에서 티를 빼낼 수 있을 것이다) 거룩한 것을 욕되게하지 마라 6 거룩한 것을 개에게 주지 .. 공감수 1 댓글수 0 2022. 3. 2.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

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

    © Kakao Corp.