CokeWorld DevLog CokeWorld DevLog

2024 당근 테크 밋업에 다녀왔다. 10/7(월) 코엑스에서 열렸다. 나는 운 좋게 Frontend 세션에 당첨되어 참석하게 되었다.당근 엔지니어분들의 개발 지식과 현업에서 맞닥뜨린 고민과 해결과정을 알게 되어 뜻깊은 시간이었다. 목차밋업 현장 사진 & 기념품시간표세션 요약 및 느낀 점종합 느낀 점 1. 밋업 현장 사진 & 기념품나는 Frontend 세션에 참여했다. Frontend 외 Server, Data/ML, Platform 세션이 함께 열렸다. 많은 개발자 분들이 밋업에 참가하셨다. 다른 회사 개발자분들을 보니 여러 생각이 들었다. IT업에 열정적인 사람이 많다는 생각을 했고, 다들 뭔가 느낌이 비슷해서 역시 개발자다 싶었다ㅎㅎ  노트, 펜, 안경닦이, 스티커를 기념품으로 받았다. 설문 후 럭..

업무 중 발생한 CORS 에러의 원인과 해결방법에 대해 공유하려 합니다.CORS 에러는 웹개발자라면 자주 접하는 에러이기에 도움이 되시길 바랍니다. 에러 내용특정 도메인에서만 브라우저에서 API호출 시에 CORS 에러 발생평소에 잘 동작하다가 특정 시점부터 계속해서 발생 원인 진단개발자 도구 콘솔에 찍힌 에러 로그 확인했습니다.로그내용Access to XMLHttpRequest at 'API경로' from origin '현재 사이트 URL' has been blocked by CORS policy: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request'..

코로나 끝코로나가 끝났다. 마스크 벗고 재택근무도 끝났다. 무엇을 하든 제약 사항이 사라졌다. 지금 돌이켜 보면 매일 마스크를 쓰고 어떻게 살았는지 상상이 안된다. 코로나 때문에 불편한 점도 있었지만 좋은 점도 있었다. 부산에서 5개월 정도 재택근무를 하며 나름 디지털 노매드 체험을 해볼 수 있었다.개발 스터디5월부터 현재까지 기숙사 사람들과 개발 스터디를 진행 중이다. 나까지 총 3명이다. 클린코드, 클린아키텍처, 도커 기초, 리액트 기초를 학습했다. 책을 읽고 각자 실습한 뒤 매주 한번 모여서 학습 내용 리뷰 및 궁금한 점을 서로 물어봤다. 좋았던 점은 업무를 하며 그때그때 필요할 때 파편적으로 학습했던 부분을 책을 통해 체계적으로 정리했다는 사실이다. 기초 지식은 쌓을 수 있었다. 아쉬운 점은 기초..

1장 깨끗한 코드 핵심 내용 빨리 가는 유일한 방법은, 언제나 코드를 최대한 깨끗하게 유지하는 습관이다. 코드감각으로 좋은 모듈로 개선할 방안을 떠올린다. 나쁜 코드를 고치면서 오히려 더 나쁜 코드를 만든다. 새 코드를 짜면서 우리는 끊임없이 기존 코드를 읽는다. 따라서 읽기 쉬운, 깨끗한 코드가 중요하다. 요약 1장은 클린 코드가 무엇인지 장인 엔지니어들의 말을 빌려 설명하고 있다. 이 책은 장인들이 공통적으로 중요하다고 짚어주는 내용에 대한 지식을 제공한다. 느낀 점 개발 일정에 쫓기다 보면 나중에 리팩터링 하겠다 둘러대며 스스로 생각해도 지저분한 코드를 작성한 경험이 있다. 하지만 나중에 리팩터링 하려면 더 큰 비용이 든다. 다시 코드가 어떻게 돌아가는지 학습해야 하며, 수정 후에 부수효과를 일으키..

localStorage는 update가 없다. 따라서 removeItem() 이후 setItem() 해줘야 update 기능을 수행할 수 있다. localStorage에 object를 저장할 때는 JSON.stringify() 처리를 해줘야 한다. 그렇지 않으면 Object object로 저장돼서 어떤 값이 객체에 저장돼 있는지 파악할 수 없다. String을 JS 객체로 바꾸려면 JSON.parse()를 사용한다. true/false를 손쉽게 바꾸는 방법은 !가 있다. var item = {completed: true}; item.completed = !item.completed; 결과: item.completed => false; 유용한 경우: 토글버튼에서 true, false를 전환할 때 코드를 간..

1. phpmyadmin이란? MySQL을 웹 상에서 관리할 목적으로 PHP로 작성한 오픈 소스 도구 2. 설치방법 2-1 phpmyadmin 설치 ~$ sudo apt install phpmyadmin ~$ sudo apt install phpmyadmin 2-2. 웹서버 선택 2-3. apache2.conf 파일에 include 작성 apache2.conf 위치: /etc/apache2/apache2.conf #Enable phpmyadmin Include /etc/phpmyadmin/apache.conf 2-4. apache2 서버 재시작 ~$ sudo service apache2 restart 2-5. 브라우저에서 'localhost/phpmyadmin'로 접속 3. 활용 방법 3-1. 테이블 생..

1.트랜잭션(Transaction) 1-1 트랜잭션이란? 데이터베이스의 상태를 변화시키는 하나의 논리적 기능을 수행하는 작업 단위 1-2 특징 연산 순서 보장 트랜잭션 내의 모든 연산은 실행되어야 하며, 하나라도 오류가 발생할 경우 처음의 상태로 되돌림. 동시에 많은 사용자가 트랜잭션을 실행하더라도 서로 간섭할 수 없음. 1-3 목적 데이터 베이스 완전성(integrity) 유지 *완전성: 데이터를 보호하고, 항상 정상인 데이터를 유지하는 것. 예시: 입금을 예로 들어보자. 트랜잭션이 보장되지 않은 상태라면 A의 계좌에서 돈을 빼는 것을 성공했지만 B의 계좌에 돈을 넣어주는 것 실패할 경우 돈이 세상에서 사라지게 된다. 하지만 트랜잭션의 완전성 덕에 트랜잭션 내의 어떤 부분이 오류가 발생할 경우 Roll..

1.들어가기 앞서 PHP진영에서 MySQL과 연동 API는 2가지가 있으며 각각 이점이 있으며 상황에 따라 적절한 것을 사용하면 된다. PDO는 다양한 DB와 연동할 수 있어 확장에 열려있다. 하지만 MySQLi는 이름과 같이 오직 MySQL과 연동할 수 있다. 둘 다 객체지향적으로 작성할 수 있으며 MySQLi는 절차적 API도 함께 제공한다. 2. PDO(PHP Data Objects)란? PDO는 여러 데이터베이스 작업을 위한 균일한 인터페이스를 제공하여 표준화 시킨 것이다. 3. PDO 사용법 new PDO() DB연결 사용법 $dbh = new PDO('mysql:host=localhost;dbname=test', $user, $pass); 구현 $db_hostname = 'localhost';..