코딩 기록지

하던 일(동아리 및 스터디) 이번 방학부터 갑자기 하던 일들에 변동이 꽤 생겼어요..! 먼저, 과내에서 진행하던 동아리는 학과 단위에서 대학 단위로 통합되어 같이 백엔드를 맡아 함께 Node.js를 공부하던 팀이 분해되고, 새로운 팀원들이 꾸려져 동아리 내 해커톤을 준비하게 되었습니다. 그리고 멋사에서는 제공해주시는 강의를 보며 웹언어와 프레임워크를 공부해 아이디어톤을 했었고, 앞으로는 해커톤 준비기간을 갖으면서 백엔드 스터디를 시작했습니다. 그리고 과의 동기들과 알고리즘 스터디를 꾸려 백준의 문제들을 이용해 매주 4개 정도의 문제를 풀고 깃헙에 업로드하여 회의를 통해 자신이 풀었던 방식을 설명하게 되었습니다! (링크 : https://github.com/Park1122/Algorithm-Study/tr..

시리즈 "찾다가 알게된 정보!"는 오류나 막히는 부분에서 왜 안되는가... 찾다가 신박해서 혹은 잊지않으려고 기록해두는 시리즈입니다. 문제 상황 오늘은 동아리 단체 프젝으로 파일선택을 위한 input태그를 label과 함께 써보았는데요.. label에 다른 정보는 다 작동하는데 vertical-align:middle;이 자꾸 작동이 안되더라구요 ㅠㅠ 그래서 사진처럼 "사진 변경하기" 글자가 위로 올라가있어서 몇시간동안 이런저런 짓 다해보다가 그 이유를 알게되었습니다. 해결 과정 오늘도 stackoverflow에서 해결을 해보고자 했습니다. https://stackoverflow.com/questions/1554941/vertical-align-text-in-a-label Vertical Align tex..

프로그래머스에서 이번엔 해시를 해볼까? 하다가 알고리즘을 배운지 1년 여 되어가던 찰나라 다시한번 해시를 다시 간단하게 공부해보았습니다!! 알고리즘을 깊게 공부하는 것은 좋지만 정리/요약은 간단히 하는게 더 좋다고 생각해서 간단하게 했습니다 :) 1. Hash 1.1. Hash란? Hash : 임의의 길이를 갖는 데이터를 고정된 길이의 데이터로 변환(매핑)하는 것 Hash Function : hash 기능을 수행하는 함수 - 하나의 값은 동일한 결과를 가져온다. // 만약, 인풋으로 10가지의 경우가 들어갈 수 있는데 아웃풋으로 다섯개의 경우만 나올 수 있다면? -> 해시충돌!!이 발생할 수 있다. 1.2. Hash 충돌 해시 충돌 : 서로 다른 값을 인풋시켰음에도 같은 결과를 내는 경우 Hash 충돌의..

최근 동아리랑 가족사진 등등... 바빠서 블로그에 신경을 못썼다... 게다가 네이버 블챌 얼마전에 탈락한 상바보임 올해 들어간 동아리에서는 웹만 위주로 공부를 해왔다. 멋사에서는 adobe XD를 통한 웹프론트 디자인, html과 css를 이용한 웹페이지 제작, 서버 사용을 위한 django 학습, 아이디어톤 준비를 하였다. 과 동아리에서는 node js를 공부하며 앱백엔드(지만 앱팀이 완성못해서 아직은 웹백엔드 중)를 위한 간단한 웹프론트 제작 및 데이터베이스 디자인 및 구현, node js 사용을 위한 클라우드 서비스 비교/선택을 했다. 멋사는 가르쳐주시는 분이 있어서 내용은 더 깊게 배웠지만 빠르고 쉽게 습득할 수 있었고,,, 과 동아리는 진짜 하나하나 다 선택하고 비교해야해서 더 어려웠다. 그 덕..

개요 포트폴리오에 생일까지 며칠남았는지 표현하고 싶어서 자바스크립트를 오랜만에 찾아보게 되었습니다. 본론 그리 큰 파일도 아니고, js파일을 따로 많이 사용할 것도 아니라서 이렇게 script 태그를 사용해서 생일 Dday를 출력하려고 했습니다. 생년월일 1999.11.22 javascript로 값을 넣을 때에는 document.getElementById("id명")을 사용해서 넣는다는 게 일단 생각나서 처음엔 위와 같이 코드를 작성하였습니다. 그런데 에러가 떡하니 뜨고 값이 변하지 않길래 서치를 했더니 innerHTML을 넣어줘야 반영이 된다는 결과가 나왔습니다. 그래서 document.getElementById("BD") = birthdayText; 대신 document.getElementById("..

요즘 웹언어를 배우면서 실력 향상 겸 포트폴리오를 만들고 있어요. 대략 만든 걸 깃헙에 올리려고 했는데 이전에 깃 공부하다가 연동해둔 레포짓 때문에 자꾸 에러가 나더라고요 ㅠㅠㅠ 그래서 서칭 결과로 git remote repository주소를 알려주는 git remote -v를 cmd창에 입력해보았더니 이전 깃 레포짓 주소가 뜨길래 아! 이게 문제였구나 싶었습니다! git remote rm origin 으로 해당 remote repository를 해제하고 github 에서 레포짓토리를 만들면 나오는 해당 문구를 cmd창에 복붙해주면 다음과 같이 뜨면서 해결이 완료됩니다! 이렇게 git repository 연동 해제와 재연결까지 해봤습니다!

1. npm : Node Package Manager의 약자로 자바스크립트 프로그래머들이 미리 작성해둔 코드들이 공개되어있는 서버입니다. - npm에는 100만개가 넘는 패키지가 등록되어 있습니다. - 대부분 오픈소스여서 노드를 사용해 웹개발 시 많은 도움이 됩니다. - npm에 업로드된 노드 모듈을 패키지라고 부릅니다. // 잠깐 정리 - Module Module (모듈) : 특정한 기능을 수행하는 함수나 변수들의 집합 특징 1) 독립성 2) 조합 가능 3) 재사용성 장점 - 편리함. 단점 - 다량 사용 시 구조파악이 어려워짐. 2. 패키지 관리하기 서비스에 필요한 패키지를 추가하다보면 어느 새 관리하기 어려울 만큼 그 수가 많아지고 의존관계가 얽히게 됩니다. 그리고 버전에 따라 작동이 안될수도 있기에..

노드를 공부하다가 그동안 그렇구나하고 넘겼던 버전 넘버링이 어떤 기준으로 작성되는지 궁금해져서 이번에 정리해보았습니다! 바로 본론으로 넘어가면 다들 인터넷에서 여러 프로그램을 다운받으려고 할 때 아래 사진처럼 버전이 적혀있는걸 다들 보셨을겁니다. 언제는 1.1.1에서 1.1.2 정도로 맨 마지막 숫자만 오르고 어느 떄는 2.0.0으로 아예 앞 숫자가 바뀌는데 여기에도 다 의미가 있다는 점 다들 알고계시나요?? 이렇게 패키지나 실행파일의 버전을 3가지의 숫자로 나타낸 것을 semVer (semantic Versioning, 유의적 버전)이라고 합니다. 1. SemVer semVer의 의미는 버전을 구성하는 세자리가 모두 의미를 가지고 있음을 뜻으로 버전을 나타내는 3개의 숫자는 각각 맨 앞의 숫자는 maj..

노드의 장단점 - 장점 1) 내장된 웹서버가 있다. -> 아파치나 nginx, IIS같은 별도의 웹서버를 설치할 필요가 없다. 2) 자바스크립트를 사용한다. -> 하나의 언어(js)로 웹사이트를 개발할 수 있어 개발 생산성을 높일 수 있다. -> json이 자바스크립트 형식이므로 노드에서는 쉽게 처리할 수 있다. 3) 싱글스레드 -> 멀티 스레딩 방식에 비해 쉽다. -> 적은 컴퓨터 자원을 사용한다. 4) 논블록킹 -> I/O 작업이 많은 서버에 적합하다. (ex. 실시간 채팅, 주식차트) 5) 많은 회사에서 이미 노드를 사용하고 있다. -> 나사, 에어비앤비, 우버, 넷플릭스, 네이버, 카카오, 위메프, 페이팔 등 안전과 보안을 중요시 여기는 회사에서도 많 이 사용할 만큼 안전성과 보안성이 검증되었다...

visual studio code를 이번에 다시 사용하게 되어서 버전을 올릴 겸 오늘 재설치를 마쳤어요! 코딩을 해볼까 했는데 아래 사진처럼 글씨가 띄엄띄엄 써있어서 계속 눈에 거슬리더라고요. 스페이스바 간격? 글씨 간격?이 너무 넓어서 글씨를 적었는데 뒷쪽 글씨가 잘리기도 하고 가독성도 떨어져서 해결법을 찾아 나섰습니다!! 제가 참고한 블로그는 이분입니다. hianna.tistory.com/350 [VSCode] 터미널 폰트, 글자 크기 변경하기 VSCode에서 사용하는 터미널의 폰트를 변경하는 방법입니다. 터미널 폰트설정은 VSCode의 설정 메뉴에서 할 수 있습니다. 1. 설정 메뉴에 들어갑니다. 설정 메뉴에 접근하는 방법은 여러가지가 있습 hianna.tistory.com 덕분에 문제를 잘 해결했..