본문 바로가기

전체보기

Github Profile에 간단하게 나를 소개하기 🤗 기술스택(+ICON) 기입 Github 예쁘게 해놓은 주변 사람들 보면서 나도 계속 해봐야지.. 하곤 있었지만 이제야 건드려 보게 됐다. 먼저 내 아이디로 repository를 생성한다. 비밀을 찾았다니?! 귀엽군 ㅎㅎ README.md 를 처음부터 생성해주면, 이렇게 Hi there이라고 인사해준다. 먼저 기술스택을 추가해주기 위해 simple icons 사이트를 활용한다. Simple Icons 2024 Free SVG icons for popular brands. simpleicons.org 이 Simple Icons 사이트는 진작 알았더라면....... PPT 만들 때 유용하게 썼을텐데.... 매번 구글에 기술스택 검색하고 배경 투명한 걸로 골라서 다운받기 힘들었었는데 ㅠ_ㅠㅋㅋㅋㅋㅋㅋ 다 옛날 얘기 ㅎ 그리고 README.. 더보기
제 1회 OP.GG 서비스 제작 경진대회 웹 개발 후기 👏🏻 롤을 좋아했던 나는 라이엇과 OP.GG 등등의 게임 관련 회사에 관심이 많았고 그러던 중에 OP.GG에서 열리는 경진대회를 알게 됐다. 🙂 제 1회 OP.GG 배 정보통신 써-비스 제작 경진대회 경력있는 신입이 되고 싶은 디자이너 / 개발자를 찾습니다! www.opgg.team 일단 프로젝트 자체도 재미있겠지만, 1등 하면 받을 수 있는 아이패드..🙃 그리고 OP.GG 공식 굿즈랑 사무실도 궁금했고! 등등 생각하면 할수록 지원하지 않을 이유가 없었당 ㅎㅎㅎ 지원서를 제출하고, 온라인 면접을 저녁 시간대에 봤었다! 롤과 게임에 대한 관심을 많이 표현했고.. 또 본업을 하면서도 여러 사이드 프로젝트를 진행해왔고 계속 하고 있는 점을 통해 책임감을 어필했었던 것 같다. 그냥 일반적인 다른 종류의 대회였다면 그.. 더보기
[TypeScript] REST API로 받아온 데이터 일부만 Props로 넘겨주기 API로 받아온 데이터가 뭉탱이라 컴포넌트별로 분리해서 Props를 보내주고 싶었다. 근데 타입스크립트 문법을 아직 잘 몰라서 계속 에러 발생..,, Type 'PlayInfo | undefined' is not assignable to type 'PlayInfo'. Type 'undefined' is not assignable to type 'PlayInfo'.ts(2322) PlayList.tsx(22, 3): The expected type comes from property 'info' which is declared here on type 'IntrinsicAttributes & IProps' Type '{ props: PlayInfo | undefined; }' is not assignable.. 더보기
[Node] 회원가입 시 이메일 발송하기 - 구글 계정으로 nodemailer 사용 mail.transport.js const nodemailer = require('nodemailer') const fromuser = '구글아이디 (이메일ㄴㄴ)' const password = '구글비밀번호'; const transport = nodemailer.createTransport({ service: 'gmail', host: 'smtp.gmail.com', port: 465, secure: true, auth: { user: fromuser, pass: password } }) module.exports = transport 이메일을 보낼 모듈을 생성한다. 사용할 계정의 아이디와 비밀번호를 입력해 준다. router.js exports.sendEmail = (req, res) => { tra.. 더보기
[GIT] remote 오류 [Error Message] You asked to pull from the remote 'origin', but did not specify a branch. Because this is not the default configured remote for your current branch, you must specify a branch on the command line. git remote 깃 리모트를 확인해보면 origin으로 잘 나오는데, 계속 이런 에러가 발생하면서 브랜치 체크아웃, 머지 등등의 명령어가 전부 안 됐다. Confusing error message from git I got this message from Git: You asked to pull from the remote 'o.. 더보기
[한 권으로 읽는 컴퓨터 구조와 프로그래밍] 조너선 스타인하트 - 4 4장. 컴퓨터 내부 구조 - 컴퓨터 하드웨어는 어떻게 구성되는가 컴퓨터에는 조작할 비트들을 저장할 장소가 필요하다. 이를 메모리라고 부른다. 메모리는 집이 빈틈없이 늘어선 거리와 같다. 모든 집은 크기가 똑같고, 모든 집에는 정해진 개수만큼 비트를 저장할 수 있는 방이 있다. 각 집에는 주소가 부여된다. 컴퓨터에 정보를 전달하거나 컴퓨터의 정보를 가져오는 것을 I/O라고 한다. I/O에 연결되는 장치를 주변장치, peripheral이라고 한다. 36비트나 64비트 컴퓨터가 흔해진 요즘은 메모리 거리의 주소 수가 훨씬 많아졌다. 메모리 거리가 너무 길기 때문에 모든 주소에 집(메모리)이 있지는 않게 됐고, 빈 주소가 많아졌다. 따라서 메모리 거리 중 일부를 I/O 장치에 할당하는 것이 타당해졌다. 많은 컴.. 더보기
[bug] event not working in React, Webpack Webpack으로 설정을 바꾸고, webpack dev에서 돌려보는데 잘 되던 코드의 클릭 이벤트가 동작이 되지 않았다. 다른 이벤트들도 마찬가지로. 에러가 아니어서 에러 코드도 없고, 아무리 찾아도 유사 사례가 없어서 한참을 삽질함.. React - onClick not working in any components I'm pretty new to React and I'm having some issues with my project. I feel like I'm going insane, the simplest things are not working as I'd expect them to. Having re-read my code what feels like stackoverflow.com 그러던 중.. 더보기
[GITHUB] Project/Issue 생성, Commit으로 Issue 닫기 Github Repo에서 Projects 탭에 들어간 뒤 new Project를 생성한다. + Add column으로 To Do, In Progress, Done 컬럼들을 생성한다. Jira의 칸반 보드 같은 ㅎㅎ 이슈를 생성할 때는 각 컬럼에서 +를 눌러 입력해준다. Convert to issue를 눌러 주면 이슈로 바뀐다. 근데 항상 이 과정을 진행해야 하는 건가..? 어쨌든 이슈로 변경이 되면 클릭했을 때 오른쪽에 작은 탭으로 상세 이슈 정보가 나온다. Assignees를 지정해줄 수 있고, Label도 달아줄 수 있다. 그럼 이제 Commit을 통해 Issue를 닫아 보자. Commit 시에 - close / closed / closes - fix / resolve 등의 명령어와 함께 이슈 티켓 .. 더보기