본문 바로가기

전체 글17

이직의 기준 https://youtu.be/THkoFLt9DAQ?si=BRHLPaU5uRlV_tXa 회사 자체가 내 세상의 전부가 될 때, 이직을 고민해봐라  하이 퍼포머는 하나의 업무에 만족하지 않는다 끝장을 보고 임팩트를 미쳐야 희열을 느끼는데, 회사가 날마다 그런 프로젝트를 줄 수는 없다 그래서 나는 리턴오퍼를 준다, 언제든지 돌아와라  관리자 입장에서 보는 일 잘하는 건 리더십과 얼라인먼트를 잘한다, 리더십을 피드백 파트너로 활용한다  팀웍결국 이직에서 중요한 건자기다움을 찾는 것, 자기다움을 유지하는 것 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를 펑션 안에 쓰면,.. 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. 펑션 괄호 안의 순서는 매.. 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 안에서 몇번째 값을 찾으려면? 해당 변.. 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(출력)한다 .. 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도 만들 수 있기도.. 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만 했을 때보다 글자는 더 커진다 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.. 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로 만들어주는 게 좋다, 똑같은 코.. 2024. 10. 8.

티스토리툴바