본문 바로가기

전체 글225

[멋사 FE 스쿨] 2일차 리뷰 좋은 말로 할 때 써라쓴다 지금.. 오전(10:00~11:50)&오후(13:00~16:00) 동준님(메이커준) 워크샵 우테코에서 멘토로도 활동하시고 설명회에서도 친절한 말투와 나긋한 진행으로 인상적으로 기억하던 메이커준님을 워크샵을 통해 만나게 되어 너무 반가웠다!! 스프린트 워크샵 https://www.makerjun.com/ 메이커준을 소개합니다. 👋🏼 초간단 소개 www.makerjun.com 워킹백워즈(Working Backwaurds)이란? Working Backwards 뜻 그대로 '거꾸로 일하기'. 단어에서 유추했을 때는 고객 입장에서부터 거꾸로 프로덕트를 디벨롭하는 것이 아닐까 생각했는데 얼추 맞았던 것 같다. 이하 동준님 블로그 포스트 https://www.makerjun.com/work.. 2021. 11. 3.
[멋사 FE 스쿨] 1일차 리뷰 3달간 우리들을 이끌어주실 주강사님 제주코딩베이스켐프의 이호준 대표님(Licat)의 실시간 줌 수업으로 본격적인 성장의 문이 열렸다! http://www.paullab.co.kr/about.html 바울랩, 위니브 제주 ICT 코딩 컴퓨터학원, 연구원, 출판사 paullab.co.kr 오늘 마크업 수업 들으며 든 생각? 그냥 "이거는 ~태그고요. 이런 일을 해요~"하고 무책임하게 지나가는 것이 아니라 실질적으로 어떻게 작성하는 것이 좋고 현재 개발자들 사이에 통용되는 약속은 뭐에요 라는 설명을 덧붙여 주신다. 덕분에 개발자들은 어떤 식으로 일하는지 간접적으로나마 느낄 수 있어서 좋다..! 이하 수업 필기 간단 정리 웹 기본 개념 이름 - URL 주소 - IP 문 - PORT -> 간단히 이렇게 이해하자 .. 2021. 11. 3.
[WSL] home directory 아무래도 vscode WSL로 개발을 하다보니까 궁금한 점이 생겼다. 그냥 쌩 cli로만 개발하기에는 허접하기도 하고.. html 실행해서 보고 싶은데.. 그러면 도대체 wsl의 홈디렉토리를 file explorer로 어떻게 접근하지? 결론적으로는 vscode 해당 폴더에서 우클릭하고 Reveal in Explorer을 선택해주니 \\wsl$\Ubuntu-18.04\home\ahj\front_end_school_html 요렇게 요상한 경로로 파일 탐색기를 데려가 주었다. wsl$ 상위 폴더인 최상위 폴더는 접근할 수 없는지 네트워크라고 불리우는 폴더는 접근할 수 없었다. 터미널에서 접근하는 방법은 cd ~ 해주면 home 디렉토리로 이동하는데 최상위 루트의 하위 home 디렉토리가 아니라 /home/[유.. 2021. 11. 2.
[GIT] git commit message 수정 + 상세 과정! https://velog.io/@mayinjanuary/git-%EC%BB%A4%EB%B0%8B-%EB%A9%94%EC%84%B8%EC%A7%80-%EC%88%98%EC%A0%95%ED%95%98%EA%B8%B0-changing-commit-message [git] 커밋 메세지 수정하기 (changing commit message) 로컬에 있는, 혹은 리모트에 이미 올라간 commit message 를 수정하는 방법을 알아봅니다. 가장 최신의 commit 을 수정하는 방법과, 더 오래된 commit 을 수정하는 방법을 알아봅니다. velog.io 참고한 블로그 https://docs.github.com/en/github/committing-changes-to-your-project/creating-and.. 2021. 11. 2.
[용어 정리] 컨벤션이란? 우선 목적을 위해 참고할 블로그 링크 https://hsunnystory.tistory.com/145 코드컨벤션(Code Convention) / 코딩 컨벤션 (Coding Convention) 란 코드컨벤션(Code Convention) or 코딩 컨벤션 (Coding Convention) 한마디로 요약하면 내가 작성한 코드를 다른사람들도 쉽게 이해할 수 있게 가독성 있는 코드를 작성하는법에 대한 규칙이다. Sun에서 소 hsunnystory.tistory.com 정리하자면 작성한 코드를 다른 사람들이 보기에도 좋게 작성하는 일종의 약속(?) 같은 것이다. 내가 바라는 Clean Code를 구현하기 위한 목적과 같은 것 같다. 개발자도 일종의 작가라고 생각한다. 남들에게 읽힐 글(?)을 작성해야 하니까.. 2021. 11. 2.
[HTML] emmet 문법 https://docs.emmet.io/cheat-sheet/ Cheat Sheet Download cheat sheet as printable PDF A5 docs.emmet.io html 작업환경에서(나의 경우는 vscode 상) 자동완성 기능 h1 h1{hello world} h1+p h1{hello}10 h1#one h1.one table>(tr>(td4))3 lorem lorem3 lorem5 img img:z a[a="value1" b="value2" c=1] a a[href="www.naver.com"] h1.one.two#three body 태그 사이에 있는 것들이 다 emmet 문법들인데 저렇게 입력하고서 팝업?처럼 뜰 때 tab 키를 누르면 저기에 연동되어 있는 tag들이 자동 입력된다.. 2021. 11. 1.
[JavaScript] 터미널에서 JS 파일 실행하기 JavaScript를 터미널에서 실행하기 node [파일이름].js nvm 필요 이제 알고리즘 테스트를 JS로 하려고 하니 Python, C, Java는 각각 터미널에서 run하거나 eclipse로 실행 결과 확인하는 법을 알겠는데 어라? JavaScript는 어떻게 실행결과 출력하지?? 생각이 들었다. 그냥 터미널에 js javascript 이렇게 입력해서 하는 건 아닌거 같고.. 그래서 구글에 'javascript print'라고 찾아보니 그냥 console.log()가 나오는 것이었다. 뭐 노마드 코더 실습 따라할 때도 결과 확인 할 때 중간중간 console.log()로 했던 기억은 있어서 익숙했는데 html없이 run하고 싶었던 것였다. 즉, Python에서의 print나 C에서의 printf .. 2021. 11. 1.
[React] 향후 일요스터디의 방향? 어느덧 3번째 시간인데 ㅎㅎ FE로 마음 정하고 나니 함께 할 공부가 뚜렷해졌다! 함께 ReactJS를 공부하는 방향으로 https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=209354690 [전자책] 리액트를 다루는 기술(개정판) 리액트 베스트셀러 1위, 리액트를 다루는 기술 개정판. 리액트 16.8 버전에 Hooks라는 기능이 도입되면서 함수형 컴포넌트에서도 상태 관리를 할 수 있게 되었다. 이에 맞춰 책에 사용된 주요 예시 www.aladin.co.kr 최신 기술을 처음 배우는 단계부터 알 필요는 없다고 판단해서 우선 이 책으로 함께 하기로 했다. 이런 것도 물어봐도 되나 싶은 것들까지 물어볼 수 있을 것 같아 너무 감사하다!(무한 감사..) 열심히 해서 형들.. 2021. 10. 31.
[WSL] bash? zsh? oh-my-zsh? bash bash 자꾸 다들 그러길래 뭔가 싶어서 검색해봤더니 이미 사용하고 있던 zsh가 bash 발전 버전 같은 것이었다;; 항상 '그런데 zsh가 뭐지' 하면서 쓰고 있긴 했는데...😅 이것도 모르고 쓰고 있었니.. 우선 가볍게 이해하고 읽기에 이 블로그 글이 좋은 듯 https://ithub.tistory.com/205 shell, bash, zbash의 간단 개념정리 linux 계열 운영체제를 사용하시는 분들 중 bash, bashrc, zbash 에 대한 개념이 없거나, 헷갈리시는 분들 가볍게 읽어주세요. ;) shell, sh, bash, zbash 등.. 간단하게 알아보자. shell이란? 명령어 처리기 (ak.. ithub.tistory.com shell은 명령어 처리기 그 종류로 sh,.. 2021. 10. 31.
[WSL] wsl 버전 확인 https://devahj.tistory.com/10?category=894991 [ubuntu] 노마드코더 개발자 설정 공부 뭘 정리해야할지 잘 모르겠지만 바닐라 JS 2주 챌린지 쉬는 김에 놀면서(?) 세팅 좀 해보고 싶어서 짧게 개발자 설정을 도와주는 강의를 하나 들었다. 총 1시간 40분 가량의 분량이었는데 어제 밤 devahj.tistory.com 이 때 그냥 뭣도 모르고 시키는 대로 설치하다 보니깐 문득 내 wsl 버전이 생각이 안나서 검색해봤다. wsl version check ->https://askubuntu.com/questions/1177729/wsl-am-i-running-version-1-or-version-2 WSL: Am I running version 1 or version .. 2021. 10. 31.

티스토리툴바