전체 글 썸네일형 리스트형 1차 Team Project 회고록(The_checkCard) 드디어 태어나서 처음 경험해보는, 길고 길었던 1차 Team_Project를 마쳤다. 지금 방금 느껴지는 마음으로는 ..하.. 정말 이게 뭐랄까 두번은 경험하고 싶지 않다고 할까? 2주가 2년 같은 시간으로 느껴졋다. 근데 또 하면서 재미도 있고 팀원들과 돈독해지는 순간들도 있고 해서 막상 다시 또 새롭게 하면 열심히 할 수 있을 것 같기도 해서 뭔가 양가적 감정이 공존하는 듯한 느낌을 받고 있다. 팀프로젝트 배경 및 목적: 이때껏 배운 것을 기반으로 필요한 것도 새롭게 찾아가며 2주간 프로젝트를 진행하라고 이야기가 나왔다. 팀원 구성은 해당 수업을 청강하고 있는 구성원들 중에서 랜덤 조합으로 구성되었고, 나는 A team(가칭)에 소속 되었다. 우리 A team은 한달 40만원 이하로 소비하는 2.. 더보기 window.opener window.parent 애매한 그 차이를 명확하게 알아보자! 모달로 댓글창을 만들었다. 해당 모달창에 뜨는 알럿 "로그인을 하세요" 에 확인을 누르면 로그인 페이지로 이동시켜야 하는데.. 자꾸 모달창에서 로그인 페이지로 가는게 아닌가!!! 후.. 마음을 가다듬고 window.opener 이용해서 부모창에서 로그인 창으로 가게 할려고 노력했으나.. 전혀 말을 듣지 않았다. log를 찍어보니 자꾸만 나오는 undefined .. 알고보니 iframe으로 모달창을 열게 되면 window.opener가 아닌 window.parent를 써야 한다는 걸 알게되서 문제를 해결하게 되었다! window.opener나 window.parent.. 뭔 차이가 있길래 그럴까? 생각하보면 모달창을 여는 윈도우나, 모달창의 부모격인 윈도우나 결국 같은 말 아닌가?.. 그래서 오늘은 wi.. 더보기 [Cookie]httpOnly: Secure: 에 대해 이해하기 쉽게 알아보자. 팀프로젝트가 거의 마무리돼서 배포 과정에 들어갔다. 사실 배포야 뭐 어렵겠냐는 생각에 다같이 모여서 한 2시간이면 해결을 볼 줄 알았는데... 이게 왠일 ㅠ 데이터베이스 연결까지 할려니, 뭔가 계속 작동이 안되서 주말 이틀을 통으로 잡아 먹었다. 이틀간 아둥바둥한 결과 배포는 결국 성공! 한 줄 알았으나.. 홈페이지에 들어가서 로그인을 할려니 로그인이 안되는 문제가 발생하는것이다. 분명 회원가입까지는 성공해서 데이터 베이스로 신규 아이디와 비밀번호가 들어오는데... 이상하게 로그인만 안되는 것이다. 로컬 에서는 잘 작동하는데 이게... 이럴 수가 있나? 배포하는 코드는 로컬과 뭔가 달라야 한다? 그럴리가.. 그럴리가.. 가 맞았다. 조금은 뭔가 달라야 했던 것이다.const token = jwt.sign.. 더보기 [Sequelize] ORM에서 제공하는 OP(operator) 객체에 대해 알아보자 .프로젝트를 시작하고 개략 일주일이 지났다. 프로젝트를 하다보니 내가 적은 코드 말고 다른 팀원들이 적은 코드들을 볼 수 있는 기회들이 있었는데, 코딩을 배운 경험이 일천하여 생소한 코드들이 많이 보였다. 그중하나가 const cards = await db.Card.findAll({ where: { [rankingColumn]: { // 랭킹컬럼이 null이 아닌 카드 필터링해서 가져옴 [db.Sequelize.Op.not]: null } },이 코드인데, 친절하게도 해당 코드를 작성해준 팀원 분이 무슨 코드인지는 적어 주셨다.컬럼에서 null값이 아닌 카드를 찾으라는 의미가 db.Seq.. 더보기 [CSS] nowrap에 대해 자세히 알아보자! 팀프로젝트를 막 시작했다. 해당 프로젝트를 시작하면서 '좋아요' 기능을 구현하고 싶어서 댓글 레이아웃에 '좋아요'를 아래 코드와 같이 집어 넣었는데, 계속해서 “좋아요” 가 세로로 두줄 나온다.. /* */ .comment-footer { display: flex; align-items: center; font-size: 0.875rem; color: #888; } .comment-footer span { margin-right: 1rem; } .comment-action { color: #ff6666; cursor: pointer; margin-left: -1rem; /* 좋아요 위치를 한글자 폭 만큼 왼쪽으로 이동 */ } 한줄에 깔끔하.. 더보기 [javaScript] set객체? 제대로 알아보자 소켓에 대해 공부하다가 해당 코드를 알게 되었다.const clients = io.sockets.adapter.rooms.get(room);해당 메서드를 쓰면 "set{}" 형태로 반환이 된다고 하는데 .. 음? set객채라는 녀석이라고 한다.. 객체면 객체지 앞에 붙어있는 set을 뭘까? Set은 자바스크립트의 내장 객채 중 하나로, 유일한 값들의 집합을 저장할 수 있는 자료 구조라고 한다. 뭔말이고 하니, 객체 형태로 반환이 되는데 "중복값들은 제하고" "삽입된 순서대로" 반환한다는 말이 란다. 포인트는 "중복 값을 제외"와 "삽인된 순서대로 저장"인 것 같다. 말로만 하면, 감이 안오니깐 바로 예제로 들어가보자. 예제를 보여주기 전에 예제에 들어가는 메서드에 대해 잠깐 설명하겠다(너무 간단하고.. 더보기 클래스(class) 인스턴스(instance) 차이! 딱 찝어서 알아보자 sequealize 실습을 해보다가 const { Sequelize } = require('sequelize');const sequelize = new Sequelize(config.database, config.username, config.password, config); 해당 구문을 쓰면서 인스턴스라는 단어를 알게되었다. 정확히는 "sequealize의 인스턴스".. 뭘까? 뭐 가볍게 만들어서 즉석으로 쓰기 좋게 만든다.. 뭐 이런건가? 아니 애초에 좀 알아듣기 좋게 좀 직관적으로 단어를 정하면 안되냐? 개발하는 녀석들은 수학은 잘하는데 ..언어능력을 관장하는 뇌 어느 부분에 구멍이 있는거냐? 응? 그런거야? 이해를 위해 블로그 여기저기 찾아보니.. 뭐 자기들만 알법한 어려운 코딩용어로 쏼라쏼라... 더보기 [MySQL 오류에 대해 알아보자!!]0 row(s) affected, 1 warning(s): 1681 Integer display width is deprecated and will be removed in a future release. 아.. 뭐지? 하기 싫은 마음을 가다듬고 과제를 할려고 데이터 베이스를 생성을 했는데.. 시작부터 노란색 느낌표 경고창이 뜬다. 부들부들... 뭐라고 그러는지 자세히 살펴보았다.0 row(s) affected, 1 warning(s): 1681 Integer display width is deprecated and will be removed in a future release.으흠... 일단 뭔말인지 모르겠다. 특히나 "is deprecated" 처음 보는 단어인거 같다. 바로 구글 번역을 돌려보니영향을 받는 행 0개, 경고 1개: 1681 정수 표시 너비는 더 이상 사용되지 않으며 향후 릴리스에서 제거될 예정입니다. 오호, 이게... 뭔말이지? 같은 한국어를 쓰고 있는게 맞는건가?여기저기 찾아보니,M.. 더보기 이전 1 2 3 다음
