Lennon FE

소마 과정을 진행하며 리액트를 사용할 것 같다. 아직 리액트가 익숙하지 않아 예비 과정 동안 React로 원하는 걸 구현할 수 있을 정도로만 학습하고, 이후 본 과정에서 본격적으로 사용하며 깊이 있게 적용 및 학습할 예정이다. 1달 반 동안 매일매일 학습하며 프로젝트를 진행해보자 React란? 리액트는 JS가 처리해야할 이벤트가 다양해지고, DOM도 다양해지게 되면 업데이트를 하는 규칙도 많이 복잡한 기존 개발 방법을 완전히 바꾸는 프레임워크이다. 리액트는 어떠한 상태가 바뀌었을 때, DOM을 업데이트하는 게 아니라 아예 다 날리고, 처음부터 모든 걸 새로 만들어서 보여준다는 아이디어에서 개발되었다. 다 날리고 새로 만들면 느리지 않을까? 리액트는 Virtual DOM을 이용해 속도를 해결한다. 메모리에..

4월 8일 금요일 오전 10시 반에 합격 메일이 날아왔다. 소마 발표는 날짜만 통보하고 시간을 통보하지 않는다. 전 기수가 10시 발표라 다들 기대했지만 10시에 발표가 안 나서 다들 멘토 최종 선발 발표 시간이었던 2시를 예상했다. 그러나 예상과 다르게 10시 반에 일괄 전송됐다! 아래는 각각 1차, 2차, 심층면접 후기이다. https://parkparkpark.tistory.com/125?category=517330 [SW마에스트로 13기] 1차 코딩테스트 후기 저번에 어렴풋이 소마에 지원했다. 지원동기는 사실 소마 최종 합하면 물론 좋겠지만 코딩 테스트를 경험해보자는 마음이 더 컸다. 교육에서 탑 클래스라는 소마에선 무슨 문제를 낼지 궁금했 parkparkpark.tistory.com https:..

1. Transform transform은 어떤 요소에 대해 회전, 크기 변경 등의 동작을 하도록 하는 CSS 이벤트이다. 종류는 rotate(회전), scale(크기), skew(x축,y축 각도만큼 비틂), translate(좌표 변경)이 있다. 1. rotate(x) 인자로 회전할 각도를 주면 된다. deg라는 단위를 사용하자. See the Pen Untitled by PARKMINHO (@pmhxhsj) on CodePen. 2. scale(width,height) 인자를 두 개 받을 수 있다. 각각 width, height를 의미한다. 1이 원래 크기이며, 1 초과일수록 본래의 크기보다 커지며, 미만이면 작아진다. See the Pen Untitled by PARKMINHO (@pmhxhsj) ..

disqus는 서버까지 동원해서 어렵게 댓글 기능을 개발할 필요 없이 코드를 삽입하면 쉽게 댓글 기능을 개발할 수 있도록 나온 서비스이다. 한 번 쉽게 사용해보자! https://disqus.com Disqus – The #1 way to build your audience Disqus offers the best add-on tools for websites to increase engagement. We help publishers power online discussions with comments and earn revenue with native advertising. disqus.com 우선 위 페이지에서 로그인 한다! 1. 아래 "I want to install Disqus on my sit..

https://www.acmicpc.net/problem/9935 9935번: 문자열 폭발 첫째 줄에 문자열이 주어진다. 문자열의 길이는 1보다 크거나 같고, 1,000,000보다 작거나 같다. 둘째 줄에 폭발 문자열이 주어진다. 길이는 1보다 크거나 같고, 36보다 작거나 같다. 두 문자열은 모 www.acmicpc.net const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); let input = []; rl.on('line', function (line) { input.push(line); if (input.length === 2)..

HTML은 정보 또는 설계도, CSS는 디자인 또는 스타일링, JS는 기능과 효과를 주는 것이다. 1. 웹을 제작할 때 주의사항! ✔︎ 웹 표준을 따라야 한다. 웹 표준이란? 웹 사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격이다. 반드시 지켜야 한다! 는 아니지만 표준을 따르면 검색엔진에 노출이 잘 될 확률이 높아진다. ✔︎ 웹 접근성을 고려해 개발해야 한다. 웹 접근성이란? 내가 만든 웹 사이트를 일반인뿐만 아니라 시각, 청각 등 장애를 가진 분들도 충분히 사용할 수 있도록 하는 것이다. ✔︎ 크로스 브라우징 고려 크로스 브라우징이란? 모든 브라우저(chrome, IE, safari 등등) 또는 기기에서 사이트가 모두 정상적으로 작동해야 한다. 2. HTML이란 웹사이트에서 눈에 보이는 정보..

https://www.acmicpc.net/problem/14490 14490번: 백대열 n과 m이 :을 사이에 두고 주어진다. (1 ≤ n, m ≤ 100,000,000) www.acmicpc.net const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); let input; rl.on('line', function (line) { input = line.split(':').map(Number); rl.close(); }).on('close', function () { console.log(solution(input)); }); func..