diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS new file mode 100644 index 000000000..99f3cb4dc --- /dev/null +++ b/.github/CODEOWNERS @@ -0,0 +1 @@ +* @HTMLhead @dev-angelo \ No newline at end of file diff --git a/.github/workflows/pipeline-beta.yml b/.github/workflows/pipeline-beta.yml new file mode 100644 index 000000000..43f4d9177 --- /dev/null +++ b/.github/workflows/pipeline-beta.yml @@ -0,0 +1,97 @@ +name: CI/CD development + +on: + push: + branches: [develop] + +env: + CACHED_DEPENDENCY_PATHS: ./node_modules + +jobs: + test: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v2 + with: + ref: develop + + - uses: actions/setup-node@v2 + with: + node-version: "14" + + - name: Compute dependency cache key + id: compute_lockfile_hash + run: echo "::set-output name=hash::${{ hashFiles('package-lock.json') }}" + + - name: Check dependency cache + uses: actions/cache@v4 + id: cache_dependencies + with: + path: ${{ env.CACHED_DEPENDENCY_PATHS }} + key: develop-${{ steps.compute_lockfile_hash.outputs.hash }} + + - name: Install dependencies if cache not exist + if: steps.cache_dependencies.outputs.cache-hit != 'true' + run: npm install + + - name: Run test + run: npm run test + + outputs: + dependency_cache_key: develop-${{ steps.compute_lockfile_hash.outputs.hash }} + + staging-deploy: + runs-on: ubuntu-latest + needs: [test] + steps: + - uses: actions/checkout@v2 + with: + ref: develop + fetch-depth: 0 + + - name: Check dependency cache + uses: actions/cache@v4 + with: + path: ${{ env.CACHED_DEPENDENCY_PATHS }} + key: ${{ needs.test.outputs.dependency_cache_key }} + + - uses: actions/setup-node@v2 + with: + node-version: "14" + - name: Build gatsby application + run: npm run build + - name: Build storybook + run: npm run build-storybook + + - name: Publish to Chromatic + uses: chromaui/action@v1 + with: + projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} + storybookBuildDir: storybook-static + workingDir: ./ + + - name: Declare commit id use on s3 upload + id: vars + shell: bash + run: | + echo "GITHUB_SHA: ${GITHUB_SHA}" + echo "::set-output name=sha_short::$(git rev-parse --short HEAD)" + + - name: AWS S3 Deploy + uses: jakejarvis/s3-sync-action@master + with: + args: --acl public-read --follow-symlinks --delete + env: + AWS_S3_BUCKET: beta.codesquad.kr + AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }} + AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }} + AWS_REGION: "ap-northeast-2" + SOURCE_DIR: "./public" + + - name: Slack Notification + uses: 8398a7/action-slack@v3 + with: + status: ${{ job.status }} + fields: repo,commit,message,author,action,ref + env: + SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK }} diff --git a/.github/workflows/pipeline-master.yml b/.github/workflows/pipeline-master.yml new file mode 100644 index 000000000..73d1b803a --- /dev/null +++ b/.github/workflows/pipeline-master.yml @@ -0,0 +1,88 @@ +name: CI/CD master + +on: + push: + branches: [master] + +env: + CACHED_DEPENDENCY_PATHS: ./node_modules + +jobs: + test: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v2 + with: + ref: master + + - uses: actions/setup-node@v2 + with: + node-version: "14" + + - name: Compute dependency cache key + id: compute_lockfile_hash + run: echo "::set-output name=hash::${{ hashFiles('package-lock.json') }}" + + - name: Check dependency cache + uses: actions/cache@v4 + id: cache_dependencies + with: + path: ${{ env.CACHED_DEPENDENCY_PATHS }} + key: master-${{ steps.compute_lockfile_hash.outputs.hash }} + + - name: Install dependencies if cache not exist + if: steps.cache_dependencies.outputs.cache-hit != 'true' + run: npm install + + - name: Run test + run: npm run test + + outputs: + dependency_cache_key: master-${{ steps.compute_lockfile_hash.outputs.hash }} + + staging-deploy: + runs-on: ubuntu-latest + needs: [test] + steps: + - uses: actions/checkout@v2 + with: + ref: master + fetch-depth: 0 + + - name: Check dependency cache + uses: actions/cache@v4 + with: + path: ${{ env.CACHED_DEPENDENCY_PATHS }} + key: ${{ needs.test.outputs.dependency_cache_key }} + + - uses: actions/setup-node@v2 + with: + node-version: "14" + - name: Build gatsby application + run: npm run build + + - name: Declare commit id use on s3 upload + id: vars + shell: bash + run: | + echo "GITHUB_SHA: ${GITHUB_SHA}" + echo "::set-output name=sha_short::$(git rev-parse --short HEAD)" + + - name: AWS S3 Deploy + uses: jakejarvis/s3-sync-action@master + with: + args: --acl public-read --follow-symlinks --delete + env: + AWS_S3_BUCKET: codesquad.kr + AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }} + AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }} + AWS_REGION: "ap-northeast-2" + SOURCE_DIR: "./public" + + - name: Slack Notification + uses: 8398a7/action-slack@v3 + with: + status: ${{ job.status }} + fields: repo,commit,message,author,action,ref + env: + SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK }} diff --git a/.gitignore b/.gitignore index 106a74168..70972486c 100644 --- a/.gitignore +++ b/.gitignore @@ -1,14 +1,14 @@ -node_modules -.DS_Store -img/.DS_Store -img/about/.DS_Store -img/background/.DS_Store -img/company/.DS_Store -img/portfolio/.DS_Store -img/team/.DS_Store -vendor/.DS_Store -vendor/bootstrap/.DS_Store -vendor/font-awesome/.DS_Store -html/event/payment.html -.travis_beta.yml -.vscode +*.DS_Store + +# history +.history/ + +# package +node_modules/ + +# gats-by +.cache/ +public + +# story-book +storybook-static \ No newline at end of file diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 000000000..3d0a1efec --- /dev/null +++ b/.prettierrc @@ -0,0 +1,15 @@ +{ + "arrowParens": "always", + "bracketSpacing": true, + "endOfLine": "lf", + "htmlWhitespaceSensitivity": "css", + "printWidth": 100, + "proseWrap": "preserve", + "quoteProps": "as-needed", + "semi": true, + "singleQuote": false, + "tabWidth": 2, + "trailingComma": "es5", + "no-duplicate-variable": [true, "check-parameters"], + "no-var-keyword": true +} diff --git a/.storybook/main.js b/.storybook/main.js new file mode 100644 index 000000000..fb51cb1b9 --- /dev/null +++ b/.storybook/main.js @@ -0,0 +1,13 @@ +module.exports = { + stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"], + addons: [ + "@storybook/addon-links", + "@storybook/addon-essentials", + "@storybook/addon-interactions", + "storybook-addon-gatsby", + ], + framework: "@storybook/react", + core: { + builder: "@storybook/builder-webpack5", + }, +}; diff --git a/.storybook/preview.js b/.storybook/preview.js new file mode 100644 index 000000000..f345cb7b1 --- /dev/null +++ b/.storybook/preview.js @@ -0,0 +1,43 @@ +import { action } from "@storybook/addon-actions"; +// GlobalTheme +import GlobalTheme from "../src/lib/context/GlobalTheme"; +import GlobalHeader from "../src/lib/context/GlobalHeader"; + +export const parameters = { + actions: { argTypesRegex: "^on[A-Z].*" }, + controls: { + matchers: { + color: /(background|color)$/i, + date: /Date$/, + }, + }, + layout: "fullscreen", +}; + +// Gatsby's Link overrides: +// Gatsby Link calls the `enqueue` & `hovering` methods on the global variable ___loader. +// This global object isn't set in storybook context, requiring you to override it to empty functions (no-op), +// so Gatsby Link doesn't throw errors. +global.___loader = { + enqueue: () => {}, + hovering: () => {}, +}; + +// This global variable prevents the "__BASE_PATH__ is not defined" error inside Storybook. +global.__BASE_PATH__ = "/"; + +// Navigating through a gatsby app using gatsby-link or any other gatsby component will use the `___navigate` method. +// In Storybook, it makes more sense to log an action than doing an actual navigate. Check out the actions addon docs for more info: https://storybook.js.org/docs/react/essentials/actions +window.___navigate = (pathname) => { + action("NavigateTo:")(pathname); +}; + +export const decorators = [ + (Story) => ( + <> + + + + + ), +]; diff --git a/.travis.yml b/.travis.yml deleted file mode 100644 index 9b9c6b075..000000000 --- a/.travis.yml +++ /dev/null @@ -1,24 +0,0 @@ -language: node_js -node_js: -- '6' -before_script: -- npm install -g gulp -script: gulp -before_deploy: -- echo "RUN BEFORE SCRIPT" -- ./travis_before.sh -deploy: - provider: s3 - access_key_id: AKIAJYOIUCLDBQCG2WAQ - secret_access_key: - secure: tW6SDSKYHl+oLEKIkBL3jeltfIFOFKr08M6ZIQPNUg0UqXNzwh2OJJD/uBHrcyEg6U1WSkYQZoadYxBUOK1P16WxZ6EWOLJoyOHHcR+ZrQvzGeof7I2A7FtVyqD1/qt1J0c8JuIy7hNB9iquPN8+W6i2OD6UazM+4lZXSQg58EdEY7rVP57VhfYInBACi+MBCdKv0MDRKQV4J8jDM7E8J+JHC/R44Y6Z8tkaI1R5ClB+vzXZybYCy5aVvI7A21+F8368A3gT9iiGUAW7F1hy+kCV3owCL4dCxq6+Npm+/+MuZJVeNyRbDjf6RZEBurB6GFNZcelyPkmXl+Rbs+l48j7G/QHxAWrp8asA+Fy9vgc91W1tXOskcOv9AMMTlibDrXn73uQy+kXRTkJUFUu2R3gaJu6VOQVNemPTzpT5JrF56zv5kMaGPGjwhowwXCwTV3ccbPgYYEXYYSYH5E60jrk0o79VRxj1XDlQsyPcRleZ+c4RQY24xee0It6UDGNLBz9bxrfOJN1x6hG3hOq5uKha9bvLvfQS5+5Vzh6jO//hmOxgkhWFyek1o+iq6kvILmMu2O6rTajgziwzoHizaIS3hlvsBboa0Z72zua/wTQm65t7l62AvKCa4X43GmvTn+dBoX3C8sfQQK9k0NQvCZPr2DERFmPGLI+TTdT6oi0= - bucket: codesquad.kr - skip_cleanup: true - region: ap-northeast-2 - on: - branch: master - -notifications: - slack: - rooms: - secure: AHPYOR8PIZfhIsYlGaDKb7R4g5P03PQYkkdUVjYaXUe3vu57JdOJg5K661Pocy317SI1lfr1uTvF7J7Qv93bV4+L8Oimcc8meA0nOc6AsDhTPc6scD6B8sqbh7tloCXaroDGPdnvPesSP2mLVWQojNgR1wAichSM2YYcHaS0ilaZv3p9ghUsvgPFYl9+RnRx/w+lJ0Gziyh7/AAU4jWil4Y3N65diP7iXGuzq4N6qiQ3eDoeTf0OZz46HH6L1+eRFGsX60Q+v20Uh0RlmvZiYjPiXmcjyESE7wWwkUb7VUglzHPXRZjj/4ZOtDkRGNc69/miBzW681zxiojrkC1SGmyF3Fa3Fg/+1dUfz/yxMCetdPtIoFUTrJWlBsQbR3b5/LnxVlz3PKSYSq9A3PuC49Aubvm++1pkHuPOGiR5vhdfi7uKS/RJY6YekCJbCO0JO1TOU/O8rDJ7kkuABWJHt2cHbkImtAhEchzt1JIcoRfWR0pxrTFfLxMr90klUjoaKfn+oZ0QSIfeLzxootV4rZh//zprSsYgMFpkk8SW9fJl3tjEcf2fOBR7ZefJn0r52Abh/X5gLaIXrEn42qDXjU0Saq9ICU4hBi2DTfkbjc0LEO6oNhLsSAUcR/NIUq14prmc8lk5v4dknp6GZVB754VspQTh//1VPrFRoBlepos= \ No newline at end of file diff --git a/LICENSE b/LICENSE deleted file mode 100644 index 07a6d176c..000000000 --- a/LICENSE +++ /dev/null @@ -1,22 +0,0 @@ - -The MIT License (MIT) - -Copyright (c) 2013-2016 Blackrock Digital LLC. - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in -all copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN -THE SOFTWARE. \ No newline at end of file diff --git a/README.md b/README.md index b5805becf..9b4d3dfa6 100644 --- a/README.md +++ b/README.md @@ -1,68 +1,19 @@ -# CodeSquad Homepage +

+ + + +

-[![Build Status](https://travis-ci.org/code-squad/homepage.svg?branch=master)](https://travis-ci.org/code-squad/homepage) +

+ 코드스쿼드 홈페이지 +

-## http://codesquad.kr +자유롭게 탐험하며 함께 성장하는 동료를 만날 수 있는 코드스쿼드 입니다. ----- +

+ 유지보수 관련 스토리북 주소 (임시 주소) +

-# build +- https://627a29cdb418b5004a1d4cb8-bliqdwctlk.chromatic.com/?path=/story/home-introduction--page -dev_00 -> beta -> master - -# development and build guide - -#### 1. on dev branch -modification -> commit -> build(gulp) -> commit (build) - -#### 2. on beta branch -merge dev -> push - -If a commit occurs on beta, have to rebase on dev branch. - -#### 3. on master branch -merge beta -> push - - -#### 커밋 메세지 작성 : 소문자 `명령어. 수정내용` -```git commit -am "change. delete dot -``` - ----- -# [Start Bootstrap](http://startbootstrap.com/) - [Agency](http://startbootstrap.com/template-overviews/agency/) - -[Agency](http://startbootstrap.com/template-overviews/agency/) is a one page agency portfolio theme for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/). This theme features several content sections, a responsive portfolio grid with hover effects, full page portfolio item modals, a responsive timeline, and a working PHP contact form. - -## Getting Started - -Several options are available to get started quickly: -* [Download the latest release on Start Bootstrap](http://startbootstrap.com/template-overviews/agency/) -* Clone the repo: `git clone https://github.com/BlackrockDigital/startbootstrap-agency.git` -* Fork the repo - -## Developing Using Source Files - -To use the source files, you will need to have npm installed globally along with Gulp.js. To start: -* Run `npm install` in the root directory -* Run `gulp dev` and edit the files as needed - -If you need to update the plugins included with this template, simply run the following tasks: -* First run `npm update` to update the dependencies -* Then run `gulp copy` to copy the new versions to their proper destinations - -## Bugs and Issues - -Have a bug or an issue with this template? [Open a new issue](https://github.com/BlackrockDigital/startbootstrap-agency/issues) here on GitHub or leave a comment on the [template overview page at Start Bootstrap](http://startbootstrap.com/template-overviews/agency/). - -## Creator - -Start Bootstrap was created by and is maintained by **[David Miller](http://davidmiller.io/)**, Owner of [Blackrock Digital](http://blackrockdigital.io/). - -* https://twitter.com/davidmillerskt -* https://github.com/davidtmiller - -Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat). - -## Copyright and License - -Copyright 2013-2016 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-agency/blob/gh-pages/LICENSE) license. +해당 페이지는 [Gatsby minimal TypeScript Starter](https://github.com/gatsbyjs/gatsby-starter-minimal-ts) 를 통해 만들어졌습니다. diff --git a/__mocks__/file-mock.js b/__mocks__/file-mock.js new file mode 100644 index 000000000..0a445d060 --- /dev/null +++ b/__mocks__/file-mock.js @@ -0,0 +1 @@ +module.exports = "test-file-stub"; diff --git a/__mocks__/gatsby.js b/__mocks__/gatsby.js new file mode 100644 index 000000000..09b13b46d --- /dev/null +++ b/__mocks__/gatsby.js @@ -0,0 +1,27 @@ +const React = require("react"); +const gatsby = jest.requireActual("gatsby"); + +module.exports = { + ...gatsby, + graphql: jest.fn(), + Link: jest.fn().mockImplementation( + // these props are invalid for an `a` tag + ({ + activeClassName, + activeStyle, + getProps, + innerRef, + partiallyActive, + ref, + replace, + to, + ...rest + }) => + React.createElement("a", { + ...rest, + href: to, + }) + ), + StaticQuery: jest.fn(), + useStaticQuery: jest.fn(), +}; diff --git a/build-storybook.log b/build-storybook.log new file mode 100644 index 000000000..887be30e5 --- /dev/null +++ b/build-storybook.log @@ -0,0 +1,368 @@ +info @storybook/react v6.4.22 +info +info => Cleaning outputDir: /var/folders/mx/l3_wzv616yd40ysl2btsxtkh0000gn/T/chromatic--33267-Me0G3kFE6S36 +(node:33287) DeprecationWarning: --static-dir CLI flag is deprecated, see: + +https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated---static-dir-cli-flag +(Use `node --trace-deprecation ...` to show where the warning was created) +info => Loading presets +info => Copying static files: ./src => ./ +info => Compiling manager.. +info => Compiling preview.. +info => Using implicit CSS loaders +info => Using default Webpack5 setup + [webpack.Progress] 0% + + [webpack.Progress] 1% setup before run + [webpack.Progress] 1% setup before run NodeEnvironmentPlugin + [webpack.Progress] 1% setup before run + [webpack.Progress] 2% setup run + [webpack.Progress] 2% setup run + [webpack.Progress] 4% setup normal module factory + [webpack.Progress] 4% setup normal module factory CaseSensitivePathsPlugin + [webpack.Progress] 4% setup normal module factory + [webpack.Progress] 5% setup context module factory + [webpack.Progress] 5% setup context module factory + [webpack.Progress] 6% setup before compile + [webpack.Progress] 6% setup before compile ProgressPlugin + [webpack.Progress] 6% setup before compile + [webpack.Progress] 7% setup compile + [webpack.Progress] 7% setup compile ExternalsPlugin + [webpack.Progress] 7% setup compile + [webpack.Progress] 8% setup compilation + [webpack.Progress] 8% setup compilation ArrayPushCallbackChunkFormatPlugin + [webpack.Progress] 8% setup compilation JsonpChunkLoadingPlugin + [webpack.Progress] 8% setup compilation StartupChunkDependenciesPlugin + [webpack.Progress] 8% setup compilation ImportScriptsChunkLoadingPlugin + [webpack.Progress] 8% setup compilation FetchCompileWasmPlugin + [webpack.Progress] 8% setup compilation FetchCompileAsyncWasmPlugin + [webpack.Progress] 8% setup compilation WorkerPlugin + [webpack.Progress] 8% setup compilation SplitChunksPlugin + [webpack.Progress] 8% setup compilation RuntimeChunkPlugin + [webpack.Progress] 8% setup compilation ResolverCachePlugin + [webpack.Progress] 8% setup compilation HtmlWebpackPlugin + [webpack.Progress] 8% setup compilation + [webpack.Progress] 9% setup compilation + [webpack.Progress] 9% setup compilation DefinePlugin + [webpack.Progress] 9% setup compilation ProvidePlugin + [webpack.Progress] 9% setup compilation ProgressPlugin + [webpack.Progress] 9% setup compilation DocGenPlugin + [webpack.Progress] 9% setup compilation ChunkPrefetchPreloadPlugin + [webpack.Progress] 9% setup compilation SourceMapDevToolPlugin + [webpack.Progress] 9% setup compilation JavascriptModulesPlugin + [webpack.Progress] 9% setup compilation JsonModulesPlugin + [webpack.Progress] 9% setup compilation AssetModulesPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation EntryPlugin + [webpack.Progress] 9% setup compilation RuntimePlugin + [webpack.Progress] 9% setup compilation InferAsyncModulesPlugin + [webpack.Progress] 9% setup compilation DataUriPlugin + [webpack.Progress] 9% setup compilation FileUriPlugin + [webpack.Progress] 9% setup compilation CompatibilityPlugin + [webpack.Progress] 9% setup compilation HarmonyModulesPlugin + [webpack.Progress] 9% setup compilation AMDPlugin + [webpack.Progress] 9% setup compilation RequireJsStuffPlugin + [webpack.Progress] 9% setup compilation CommonJsPlugin + [webpack.Progress] 9% setup compilation LoaderPlugin + [webpack.Progress] 9% setup compilation LoaderPlugin + [webpack.Progress] 9% setup compilation NodeStuffPlugin + [webpack.Progress] 9% setup compilation APIPlugin + [webpack.Progress] 9% setup compilation ExportsInfoApiPlugin + [webpack.Progress] 9% setup compilation WebpackIsIncludedPlugin + [webpack.Progress] 9% setup compilation ConstPlugin + [webpack.Progress] 9% setup compilation UseStrictPlugin + [webpack.Progress] 9% setup compilation RequireIncludePlugin + [webpack.Progress] 9% setup compilation RequireEnsurePlugin + [webpack.Progress] 9% setup compilation RequireContextPlugin + [webpack.Progress] 9% setup compilation ImportPlugin + [webpack.Progress] 9% setup compilation RequireContextPlugin + [webpack.Progress] 9% setup compilation SystemPlugin + [webpack.Progress] 9% setup compilation ImportMetaPlugin + [webpack.Progress] 9% setup compilation URLPlugin + [webpack.Progress] 9% setup compilation DefaultStatsFactoryPlugin + [webpack.Progress] 9% setup compilation DefaultStatsPresetPlugin + [webpack.Progress] 9% setup compilation DefaultStatsPrinterPlugin + [webpack.Progress] 9% setup compilation JavascriptMetaInfoPlugin + [webpack.Progress] 9% setup compilation EnsureChunkConditionsPlugin + [webpack.Progress] 9% setup compilation RemoveEmptyChunksPlugin + [webpack.Progress] 9% setup compilation MergeDuplicateChunksPlugin + [webpack.Progress] 9% setup compilation FlagIncludedChunksPlugin + [webpack.Progress] 9% setup compilation SideEffectsFlagPlugin + [webpack.Progress] 9% setup compilation FlagDependencyExportsPlugin + [webpack.Progress] 9% setup compilation FlagDependencyUsagePlugin + [webpack.Progress] 9% setup compilation InnerGraphPlugin + [webpack.Progress] 9% setup compilation MangleExportsPlugin + [webpack.Progress] 9% setup compilation ModuleConcatenationPlugin + [webpack.Progress] 9% setup compilation NoEmitOnErrorsPlugin + [webpack.Progress] 9% setup compilation RealContentHashPlugin + [webpack.Progress] 9% setup compilation WasmFinalizeExportsPlugin + [webpack.Progress] 9% setup compilation NamedModuleIdsPlugin + [webpack.Progress] 9% setup compilation DeterministicChunkIdsPlugin + [webpack.Progress] 9% setup compilation DefinePlugin + [webpack.Progress] 9% setup compilation TerserPlugin + [webpack.Progress] 9% setup compilation TemplatedPathPlugin + [webpack.Progress] 9% setup compilation RecordIdsPlugin + [webpack.Progress] 9% setup compilation WarnCaseSensitiveModulesPlugin + [webpack.Progress] 9% setup compilation IgnoreWarningsPlugin + [webpack.Progress] 9% setup compilation + [webpack.Progress] 10% building + [webpack.Progress] 10% building 0/1 entries 0/0 dependencies 0/0 modules + [webpack.Progress] 10% building import loader ./node_modules/babel-loader/lib/index.js + [webpack.Progress] 10% building 0/17 entries 12/20 dependencies 0/12 modules + [webpack.Progress] 10% building 0/17 entries 13/20 dependencies 0/12 modules + [webpack.Progress] 10% building 0/17 entries 300/391 dependencies 6/179 modules + [webpack.Progress] 13% building 1/17 entries 326/391 dependencies 8/202 modules + [webpack.Progress] 13% building import loader ./node_modules/@mdx-js/loader/index.js + [webpack.Progress] 13% building 1/17 entries 347/391 dependencies 8/202 modules + [webpack.Progress] 13% building import loader ./node_modules/@storybook/source-loader/dist/cjs/index.js + [webpack.Progress] 13% building 1/17 entries 356/391 dependencies 8/210 modules + [webpack.Progress] 13% building 1/17 entries 435/740 dependencies 14/233 modules + [webpack.Progress] 13% building 1/17 entries 900/959 dependencies 25/387 modules + [webpack.Progress] 13% building 1/17 entries 1500/1673 dependencies 57/479 modules + [webpack.Progress] 13% building import loader ./node_modules/style-loader/dist/cjs.js + [webpack.Progress] 13% building import loader ./node_modules/css-loader/dist/cjs.js + [webpack.Progress] 13% building 1/17 entries 1647/1673 dependencies 62/530 modules + [webpack.Progress] 13% building 1/17 entries 1954/2000 dependencies 117/556 modules + [webpack.Progress] 13% building 1/17 entries 2330/2400 dependencies 162/703 modules + [webpack.Progress] 13% building 1/17 entries 2800/2952 dependencies 255/778 modules + [webpack.Progress] 14% building 1/17 entries 3286/3400 dependencies 444/869 modules + [webpack.Progress] 15% building 1/17 entries 3780/4000 dependencies 517/937 modules + [webpack.Progress] 16% building 1/17 entries 4500/4697 dependencies 560/996 modules + [webpack.Progress] 17% building 1/17 entries 4811/4900 dependencies 715/1097 modules + [webpack.Progress] 18% building 1/17 entries 5210/5300 dependencies 803/1239 modules + [webpack.Progress] 21% building 1/17 entries 5931/5960 dependencies 1000/1420 modules + [webpack.Progress] 23% building 1/17 entries 6457/6500 dependencies 1209/1495 modules + [webpack.Progress] 26% building 2/17 entries 7167/7215 dependencies 1480/1636 modules + [webpack.Progress] 26% building 3/17 entries 7167/7215 dependencies 1480/1636 modules + [webpack.Progress] 26% building 4/17 entries 7167/7215 dependencies 1480/1636 modules + [webpack.Progress] 26% building 5/17 entries 7167/7215 dependencies 1480/1636 modules + [webpack.Progress] 29% building 6/17 entries 7167/7215 dependencies 1480/1636 modules + [webpack.Progress] 32% building 7/17 entries 7167/7215 dependencies 1480/1636 modules + [webpack.Progress] 35% building 8/17 entries 7167/7215 dependencies 1480/1636 modules + [webpack.Progress] 39% building 9/17 entries 7167/7215 dependencies 1480/1636 modules + [webpack.Progress] 42% building 10/17 entries 7167/7215 dependencies 1480/1636 modules + [webpack.Progress] 45% building 11/17 entries 7167/7215 dependencies 1480/1636 modules + [webpack.Progress] 48% building 12/17 entries 7167/7215 dependencies 1480/1636 modules + [webpack.Progress] 52% building 13/17 entries 7167/7215 dependencies 1480/1636 modules + [webpack.Progress] 52% building 13/17 entries 7373/7380 dependencies 1600/1687 modules + [webpack.Progress] 55% building 14/17 entries 7417/7434 dependencies 1642/1700 modules + [webpack.Progress] 58% building 15/17 entries 7444/7453 dependencies 1665/1709 modules + [webpack.Progress] 61% building 16/17 entries 7470/7472 dependencies 1687/1720 modules + [webpack.Progress] 61% building 16/17 entries 7494/7500 dependencies 1690/1729 modules + [webpack.Progress] 64% building 17/17 entries 7535/7535 dependencies 1740/1740 modules + [webpack.Progress] 65% building + [webpack.Progress] 69% building finish + [webpack.Progress] 69% building finish + [webpack.Progress] 70% sealing finish module graph + [webpack.Progress] 70% sealing finish module graph ResolverCachePlugin + [webpack.Progress] 70% sealing finish module graph InferAsyncModulesPlugin + [webpack.Progress] 70% sealing finish module graph FlagDependencyExportsPlugin + [webpack.Progress] 70% sealing finish module graph InnerGraphPlugin + [webpack.Progress] 70% sealing finish module graph WasmFinalizeExportsPlugin + [webpack.Progress] 70% sealing finish module graph + [webpack.Progress] 70% sealing plugins + [webpack.Progress] 70% sealing plugins DocGenPlugin + [webpack.Progress] 70% sealing plugins WarnCaseSensitiveModulesPlugin + [webpack.Progress] 70% sealing plugins + [webpack.Progress] 71% sealing dependencies optimization + [webpack.Progress] 71% sealing dependencies optimization SideEffectsFlagPlugin + [webpack.Progress] 71% sealing dependencies optimization FlagDependencyUsagePlugin + [webpack.Progress] 71% sealing dependencies optimization + [webpack.Progress] 71% sealing after dependencies optimization + [webpack.Progress] 71% sealing after dependencies optimization + [webpack.Progress] 72% sealing chunk graph + [webpack.Progress] 72% sealing chunk graph + [webpack.Progress] 73% sealing after chunk graph + [webpack.Progress] 73% sealing after chunk graph + [webpack.Progress] 73% sealing optimizing + [webpack.Progress] 73% sealing optimizing + [webpack.Progress] 74% sealing module optimization + [webpack.Progress] 74% sealing module optimization + [webpack.Progress] 75% sealing after module optimization + [webpack.Progress] 75% sealing after module optimization + [webpack.Progress] 75% sealing chunk optimization + [webpack.Progress] 75% sealing chunk optimization EnsureChunkConditionsPlugin + [webpack.Progress] 75% sealing chunk optimization RemoveEmptyChunksPlugin + [webpack.Progress] 75% sealing chunk optimization MergeDuplicateChunksPlugin + [webpack.Progress] 75% sealing chunk optimization SplitChunksPlugin + [webpack.Progress] 75% sealing chunk optimization RemoveEmptyChunksPlugin + [webpack.Progress] 75% sealing chunk optimization + [webpack.Progress] 76% sealing after chunk optimization + [webpack.Progress] 76% sealing after chunk optimization + [webpack.Progress] 77% sealing module and chunk tree optimization + [webpack.Progress] 77% sealing module and chunk tree optimization PersistentChildCompilerSingletonPlugin + [webpack.Progress] 77% sealing module and chunk tree optimization + [webpack.Progress] 77% sealing after module and chunk tree optimization + [webpack.Progress] 77% sealing after module and chunk tree optimization + [webpack.Progress] 78% sealing chunk modules optimization + [webpack.Progress] 78% sealing chunk modules optimization ModuleConcatenationPlugin + [webpack.Progress] 78% sealing chunk modules optimization + [webpack.Progress] 78% sealing after chunk modules optimization + [webpack.Progress] 78% sealing after chunk modules optimization + [webpack.Progress] 79% sealing module reviving + [webpack.Progress] 79% sealing module reviving RecordIdsPlugin + [webpack.Progress] 79% sealing module reviving + [webpack.Progress] 80% sealing before module ids + [webpack.Progress] 80% sealing before module ids + [webpack.Progress] 80% sealing module ids + [webpack.Progress] 80% sealing module ids NamedModuleIdsPlugin + [webpack.Progress] 80% sealing module ids + [webpack.Progress] 81% sealing module id optimization + [webpack.Progress] 81% sealing module id optimization + [webpack.Progress] 82% sealing module id optimization + [webpack.Progress] 82% sealing module id optimization + [webpack.Progress] 82% sealing chunk reviving + [webpack.Progress] 82% sealing chunk reviving RecordIdsPlugin + [webpack.Progress] 82% sealing chunk reviving + [webpack.Progress] 83% sealing before chunk ids + [webpack.Progress] 83% sealing before chunk ids + [webpack.Progress] 84% sealing chunk ids + [webpack.Progress] 84% sealing chunk ids DeterministicChunkIdsPlugin + [webpack.Progress] 84% sealing chunk ids + [webpack.Progress] 84% sealing chunk id optimization + [webpack.Progress] 84% sealing chunk id optimization FlagIncludedChunksPlugin + [webpack.Progress] 84% sealing chunk id optimization + [webpack.Progress] 85% sealing after chunk id optimization + [webpack.Progress] 85% sealing after chunk id optimization + [webpack.Progress] 86% sealing record modules + [webpack.Progress] 86% sealing record modules RecordIdsPlugin + [webpack.Progress] 86% sealing record modules + [webpack.Progress] 86% sealing record chunks + [webpack.Progress] 86% sealing record chunks RecordIdsPlugin + [webpack.Progress] 86% sealing record chunks + [webpack.Progress] 87% sealing module hashing + [webpack.Progress] 87% sealing module hashing + [webpack.Progress] 87% sealing code generation + [webpack.Progress] 87% sealing code generation + [webpack.Progress] 88% sealing runtime requirements + [webpack.Progress] 88% sealing runtime requirements + [webpack.Progress] 89% sealing hashing + [webpack.Progress] 89% sealing hashing + [webpack.Progress] 89% sealing after hashing + [webpack.Progress] 89% sealing after hashing + [webpack.Progress] 90% sealing record hash + [webpack.Progress] 90% sealing record hash + [webpack.Progress] 91% sealing module assets processing + [webpack.Progress] 91% sealing module assets processing + [webpack.Progress] 91% sealing chunk assets processing + [webpack.Progress] 91% sealing chunk assets processing + [webpack.Progress] 92% sealing asset processing + [webpack.Progress] 92% sealing asset processing PersistentChildCompilerSingletonPlugin + [webpack.Progress] 92% sealing asset processing TerserPlugin +info => Manager built (24 s) +WARN DefinePlugin +WARN Conflicting values for 'process.env.NODE_ENV' + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.32957e11.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.32957e11.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin runtime~main.20d7e4a9.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin runtime~main.20d7e4a9.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 701.c784204f.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 701.c784204f.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 278.a8463684.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 278.a8463684.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 363.b9ebede5.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 363.b9ebede5.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 881.d39fff09.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 881.d39fff09.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 459.ea9d7dd0.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 459.ea9d7dd0.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 331.1ca9ac87.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 331.1ca9ac87.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 31.05ed902e.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 31.05ed902e.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin resolve sources + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin + [webpack.Progress] 92% sealing asset processing HtmlWebpackPlugin + [webpack.Progress] 92% sealing asset processing HtmlWebpackPlugin + [webpack.Progress] 92% sealing asset processing HtmlWebpackPlugin resolve sources + [webpack.Progress] 92% sealing asset processing HtmlWebpackPlugin + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin main.976b5d36.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin main.976b5d36.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin runtime~main.a89c8818.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin runtime~main.a89c8818.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 701.c8a17f09.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 701.c8a17f09.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 363.0acbb6d9.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 363.0acbb6d9.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 881.a7cca79b.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 881.a7cca79b.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 459.fd940d50.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 459.fd940d50.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 278.0c89c16e.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 278.0c89c16e.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 331.8175bd59.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 331.8175bd59.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 31.a0d3520d.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 31.a0d3520d.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin resolve sources + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin + [webpack.Progress] 92% sealing asset processing + [webpack.Progress] 93% sealing after asset optimization + [webpack.Progress] 93% sealing after asset optimization + [webpack.Progress] 93% sealing recording + [webpack.Progress] 93% sealing recording + [webpack.Progress] 94% sealing after seal + [webpack.Progress] 94% sealing after seal + [webpack.Progress] 95% emitting emit + [webpack.Progress] 95% emitting emit + [webpack.Progress] 98% emitting after emit + [webpack.Progress] 98% emitting after emit SizeLimitsPlugin + [webpack.Progress] 98% emitting after emit + [webpack.Progress] 99% done plugins + [webpack.Progress] 99% done plugins CaseSensitivePathsPlugin + [webpack.Progress] 99% done plugins + [webpack.Progress] 99% + + [webpack.Progress] 99% cache store build dependencies + [webpack.Progress] 99% cache store build dependencies + [webpack.Progress] 99% cache begin idle + [webpack.Progress] 99% cache begin idle + [webpack.Progress] 100% + +info => Preview built (30 s) +WARN DefinePlugin +WARN Conflicting values for 'process.env.NODE_ENV' +WARN asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). +WARN This can impact web performance. +WARN Assets: +WARN static/media/NotoSansKR-Bold.c252383c.otf (4.68 MiB) +WARN static/media/NotoSansKR-Medium.56207b5e.otf (4.55 MiB) +WARN static/media/NotoSansKR-Regular.e1aa54c0.otf (4.52 MiB) +WARN static/media/crong.8cc5f62f.png (323 KiB) +WARN static/media/honux.7a9fb91e.png (273 KiB) +WARN static/media/ivy.f8866140.png (277 KiB) +WARN static/media/jk.d5517ca2.png (276 KiB) +WARN static/media/place2.e05cbfbb.jpeg (260 KiB) +WARN main.976b5d36.iframe.bundle.js (642 KiB) +WARN 31.a0d3520d.iframe.bundle.js (2.78 MiB) +WARN entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance. +WARN Entrypoints: +WARN main (3.41 MiB) +WARN runtime~main.a89c8818.iframe.bundle.js +WARN 31.a0d3520d.iframe.bundle.js +WARN main.976b5d36.iframe.bundle.js +WARN + [webpack.Progress] 99% cache shutdown + [webpack.Progress] 99% cache shutdown + [webpack.Progress] 100% + +info => Output directory: /var/folders/mx/l3_wzv616yd40ysl2btsxtkh0000gn/T/chromatic--33267-Me0G3kFE6S36 diff --git a/content/code-together/_/curriculum_part1.mdx b/content/code-together/_/curriculum_part1.mdx new file mode 100644 index 000000000..6d06973e2 --- /dev/null +++ b/content/code-together/_/curriculum_part1.mdx @@ -0,0 +1,37 @@ +--- +# path: code-together/course/clean-frontend +templateKey: codeTogether_clean-frontend_part1 +index: 1 +tabName: 전체 +subjectList: + - name: "함수로 만드는 \n애플리케이션" + details: + - 함수 역할과 함수 나누기 + - 고차함수 + - 함수 합성 + - 클로저, 커링 + - immutable + + - name: "객체로 만드는 \n애플리케이션" + details: + - class, prototype, this + - OOP, 상속 + - 뷰-모델 바인딩 + + - name: 네트워크 통신 핸들링 (최적화와 에러처리) + details: + - 서버와 동기화 + - 캐시 + - 에러핸들링, 요청취소 + + - name: 리팩토링과 UI테스팅 + details: + - "리팩토링과 vitest 기반 테스팅" + +masterInfoList: + - picture: crong + name: 크롱 + position: Crong, 웹 프론트엔드 마스터 + nutshell: "“복잡하고 다양한 프론트엔드개발 세계에 필요한 다양한 패턴과 개념을 배워보세요. \n열정 넘치는 동료와 함께 즐거움을 느끼면서 프로그래밍을 배울 수 있습니다”" + introduce: 이 과정은 2022년 카카오(주) 프론트엔드 개발자들이 배우며 매우 좋은 평가를 받았습니다. +--- diff --git a/content/code-together/_/interviews.mdx b/content/code-together/_/interviews.mdx new file mode 100644 index 000000000..e7c3895b5 --- /dev/null +++ b/content/code-together/_/interviews.mdx @@ -0,0 +1,22 @@ +--- +# path: code-together/course/clean-frontend +templateKey: codeTogether_clean-frontend_reviews +interviews: + - writerPhoto: "" + nutshell: "기본 원리를 생각하게 하는 과정" + content: 원리를 모르고 사용했던 기능들의 원리를 생각하고 구현해 볼 수 있는 좋은 시간이었습니다. + writer: "" + writerInfo: "" + + - writerPhoto: "" + nutshell: "동료와 함께 학습하며 부족함을 채워가는 과정" + content: 동료들과 함게 이야기하며 학습하는 것이 즐거웠습니다. 바닐라 자바스크립트로 프론트엔드 코드를 짜면서 저의 부족한 점도 알 수 있었어요. + writer: "" + writerInfo: "" + + - writerPhoto: "" + nutshell: "마스터의 코드 리뷰와 피드백" + content: 여러 프론트엔드 개발자를 만날 수 있어서 좋았고, 1:1 코드 리뷰와 피드백도 유익했습니다. + writer: "" + writerInfo: "" +--- diff --git a/content/code-together/_/masthead.mdx b/content/code-together/_/masthead.mdx new file mode 100644 index 000000000..aecb5adb5 --- /dev/null +++ b/content/code-together/_/masthead.mdx @@ -0,0 +1,22 @@ +--- +# path: code-together/course/clean-frontend +templateKey: codeTogether_clean-frontend_masthead +title: 클린 프론트엔드 +description: "클린 자바스크립트 개발 패턴을 익힙니다.\n다양한 웹 프론트엔드 지식을 바닐라 자바스크립트로 익혀\n 프론트엔드 프레임워크에 필요한 개념을 이해합니다." +targets: + - "프론트엔드 주니어 개발자(1년차 ~ 3년차 수준)" + - "웹 프론트엔드 자바스크립트의 다양한 개발 패턴을 배우고 싶은 분" + +courseInfos: + - title: 4주 + content: "" + img: calendar + + - title: 매주 화•목, 오후 7시~10시 + content: "" + img: clock + + - title: 44만원 + content: "" + img: coin +--- diff --git a/content/code-together/_/plan.mdx b/content/code-together/_/plan.mdx new file mode 100644 index 000000000..c9137ed47 --- /dev/null +++ b/content/code-together/_/plan.mdx @@ -0,0 +1,83 @@ +--- +# path: code-together/course/clean-frontend +templateKey: codeTogether_clean-frontend_plan +tags: + - name: 스스로 + color: "#FFF4B3" + + - name: 그룹과 + color: "#B4E791" + + - name: 마스터와 + color: "#C7E8EF" + +planList: + - name: 주간 목표 공유 + description: 공개된 미션을 확인하고, 각자의 이번 주 학습 목표를 세워 동료들에게 공유합니다. + color: "#FFF4B3" + + - name: 미션 수행 + description: 주어진 학습 자료와 키워드를 바탕으로 미션을 수행합니다. 각자 학습하는 과정에서 동료들과 온라인으로 질문과 고민을 나눌 수 있습니다. + color: "#FFF4B3" + + - name: 모각코(모여서 각자 코딩) + description: 그룹원과 미션에 대해 자유롭게 소통하며 학습합니다. 서로의 코드를 보면서 피드백을 나누기도 하고, 궁금한 점을 공유하고 함께 해결해 볼 수 있습니다. + color: "#B4E791" + + - name: 그룹 피어세션 + description: 이전 미션에 대해 함께 이야기하며 단순히 코드를 설명하는 것이 아닌, 문제 해결 과정에서의 각자 경험을 공유합니다. + color: "#B4E791" + + - name: 마스터 피드백 + description: 미션 코드에 대해 마스터와 함께 리뷰하며 다양한 코드를 마주하고, 좋은 코드에 대해 같이 고민합니다. 마지막 주차에 1:1 코드리뷰를 받아볼 수 있습니다. + color: "#C7E8EF" +--- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
금월화수목
19:00미션과
학습자료 공개
19:00 ~ 20:00미션수행미션수행
공통 피드백 확인
및 중간 피어세션
미션수행최종 피어세션
20:00 ~ 21:00모각코마스터 피드백
21:00 ~ 22:00주간 목표 공유
~ 24:001차 PR 제출2차 PR 제출
diff --git a/content/code-together/_/registrations.mdx b/content/code-together/_/registrations.mdx new file mode 100644 index 000000000..359911359 --- /dev/null +++ b/content/code-together/_/registrations.mdx @@ -0,0 +1,9 @@ +--- +# path: code-together/course/clean-frontend +templateKey: codeTogether_clean-frontend_registrations +registrations: + - title: "클린 프론트엔드 수강신청 바로 가기" + description: "" + caption: "교육 기간: 2023년 3월 31일(금) ~ 4월 27일(목)" + path: "https://lucas.codesquad.kr/main/course/clean-fe" +--- diff --git a/content/code-together/course/clean-react/curriculum_part1.mdx b/content/code-together/course/clean-react/curriculum_part1.mdx new file mode 100644 index 000000000..01503de09 --- /dev/null +++ b/content/code-together/course/clean-react/curriculum_part1.mdx @@ -0,0 +1,51 @@ +--- +path: code-together/course/clean-react +templateKey: codeTogether_clean-react_part1 +index: 1 +tabName: 전체 +subjectList: + - name: 컴포넌트 디자인과 Hooks + details: + - 클린코드를 위한 필수 JS 문법 + - 렌더링 최적화를 고려한 리액트 훅 구현 + - 커스텀 훅 + - 컴포넌트 디자인 + + - name: UX를 고려한 동시성 제어 + details: + - 애니메이션 + - 비동기 처리 + - 리액트 애니메이션 기법 + - 데이터 통신 + - 에러 처리 + - 요청 취소 + - 로딩과 캐싱처리(SWR) + + - name: 직관적인 상태 제어 + details: + - 데이터 구조 만들기 + - 상태 전달 + - 상태관리를 위한 아키텍쳐 + - Flux 패턴과 상태머신 + - immutable 과 함수형 상태변경 + + - name: 더 빠른 애플리케이션 + details: + - useCallback, react.memo + - memoization + - react lazy + - useTransition, useDeferredValue + - 리액트 디버깅과 프로파일링 + + - name: 테스팅 가능한 코드 구현 + details: + - 프론트엔드 테스팅 + - 컴포넌트 테스팅 + +masterInfoList: + - picture: crong + name: 크롱 + position: Crong, 웹 프론트엔드 마스터 + nutshell: "“리액트를 사용해서 클린코드와 최적화를 구현하는 것이 매우 중요합니다.”" + introduce: 본 과정을 통해서 유지보수에 유리한 코드를 만들고, UX를 향상시키는 방법을 알게 됩니다. 또한 매주 1:1 코드리뷰를 받으실 수 있고, 열정을 가진 새로운 동료와 기술공유 & 네트워킹이 가능합니다. +--- diff --git a/content/code-together/course/clean-react/interviews.mdx b/content/code-together/course/clean-react/interviews.mdx new file mode 100644 index 000000000..a0e830746 --- /dev/null +++ b/content/code-together/course/clean-react/interviews.mdx @@ -0,0 +1,22 @@ +--- +path: code-together/course/clean-react +templateKey: codeTogether_clean-react_reviews +interviews: + - writerPhoto: "" + nutshell: "웹프론트엔드 생태계를 조감할 수 있는 과정" + content: "단순하게 리액트를 배우는 것을 넘어 웹프론트엔드 생태계를 전반적으로 조감할 수 있었습니다. 특히 리액트의 개념과 원리를 이해하고 파생되는 라이브러리들의 작동원리까지 파악할 수 있어서 좋았습니다." + writer: "" + writerInfo: "" + + - writerPhoto: "" + nutshell: "동작 원리부터 이해하는 과정" + content: "리액트 동작 원리부터 알려주셔서 이해에 도움이 많이 됐습니다. 코드 리뷰와 함께 여러 조언도 해주셔서 너무 좋았어요!" + writer: "" + writerInfo: "" + + - writerPhoto: "" + nutshell: "개발과 개발자의 성장에 대해 고민할 수 있는 과정" + content: "개발에 대한 접근 방법과 개발자로서의 성장 방법을 고민할 수 있었습니다. 개발을 어떻게 해야 하는지, 개발자는 어떻게 성장해야 하는지에 대해서 알게 해주셔서 좋았습니다." + writer: "" + writerInfo: "" +--- diff --git a/content/code-together/course/clean-react/masthead.mdx b/content/code-together/course/clean-react/masthead.mdx new file mode 100644 index 000000000..83c8e6ce7 --- /dev/null +++ b/content/code-together/course/clean-react/masthead.mdx @@ -0,0 +1,27 @@ +--- +path: code-together/course/clean-react +templateKey: codeTogether_clean-react_masthead +title: "클린 리액트 프로그래밍" +description: "리액트를 올바르고 간결하게 구현하는 방법을 배웁니다." +targets: + - "웹프론트엔드 개발자 (1~3년차 권장)" + - "리액트 기본 사용법을 알고 있거나 경험한 분" + - "정해진 코어타임에 참석할 수 있고, 코어타임 외 학습 시간을 충분히 확보할 수 있는 분" + +courseInfos: + - title: 5주 + content: "1주차 코어타임만 오프라인" + img: calendar + + - title: 매주 목, 오후 7시 30분~10시 30분 + content: "" + img: clock + + - title: React, Next.js, JavaScript, CSS(tailwindcss 등) + content: "" + img: tool + + - title: 77만원 + content: "" + img: coin +--- diff --git a/content/code-together/course/clean-react/plan.mdx b/content/code-together/course/clean-react/plan.mdx new file mode 100644 index 000000000..9d1d57c43 --- /dev/null +++ b/content/code-together/course/clean-react/plan.mdx @@ -0,0 +1,73 @@ +--- +path: code-together/course/clean-react +templateKey: codeTogether_clean-react_plan +tags: + - name: 스스로 + color: "#FFF4B3" + + - name: 그룹과 + color: "#B4E791" + + - name: 마스터와 + color: "#C7E8EF" + +planList: + - name: 미션 수행 + description: 주어진 학습 자료와 키워드를 바탕으로 미션을 수행합니다. 각자 학습하는 과정에서 동료들과 온라인으로 질문과 고민을 나눌 수 있습니다. + color: "#FFF4B3" + + - name: 그룹 피어세션 + description: 이전 미션에 대해 함께 이야기하며 단순히 코드를 설명하는 것이 아닌, 문제 해결 과정에서의 각자 경험을 공유합니다. + color: "#B4E791" + + - name: 마스터 피드백 + description: 미션 코드에 대해 마스터와 함께 리뷰하며 다양한 코드를 마주하고, 좋은 코드에 대해 같이 고민합니다. + color: "#C7E8EF" +--- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
금월화수목
19:00미션과
학습자료 공개
19:30 ~ 20:30미션수행미션수행미션수행활동 리뷰그룹 피어세션
20:30 ~ 21:30마스터 피드백
21:30 ~ 22:30
~ 24:00PR 제출
\ No newline at end of file diff --git a/content/code-together/course/clean-react/registrations.mdx b/content/code-together/course/clean-react/registrations.mdx new file mode 100644 index 000000000..003da487b --- /dev/null +++ b/content/code-together/course/clean-react/registrations.mdx @@ -0,0 +1,9 @@ +--- +path: code-together/course/clean-react +templateKey: codeTogether_clean-react_registrations +registrations: + - title: "클린 리액트 프로그래밍 과정 대기자 신청하기" + description: "" + caption: "교육 기간 : 미정" + path: "https://docs.google.com/forms/d/e/1FAIpQLScPPQgJReCfr-71qAPmmfBQCZXNhq-m7DNGMBdp-0ber7ZcCQ/viewform?usp=sf_link" +--- diff --git a/content/code-together/course/ios-architecture/curriculum_part1.mdx b/content/code-together/course/ios-architecture/curriculum_part1.mdx new file mode 100644 index 000000000..250b96378 --- /dev/null +++ b/content/code-together/course/ios-architecture/curriculum_part1.mdx @@ -0,0 +1,45 @@ +--- +path: code-together/course/ios-architecture +templateKey: codeTogether_ios-architecture_part1 +index: 1 +tabName: 전체 +subjectList: + - name: 만들면서 점검하기 + details: + - 단위테스트 + - 테스트 가능한 구조 + - 구현 패턴 + + - name: "스위프트\n객체지향 프로그래밍" + details: + - 객체에 대한 이해 + - MVC 구조 문제의식 + + - name: 객체지향 설계 원칙 + details: + - SRP, OCP, LSP, ISP, DIP + + - name: 타입 의존성 분리하기 + details: + - 프로토콜지향 프로그래밍 + - 의존성 분석하기 + + - name: 나비 아키텍처 + details: + - iOS 클린 아키텍처 + - 유스케이스 세분화 + - 경계 간 매핑하기 + + - name: 아키텍처 패턴 + details: + - iOS 아키텍처 패턴 + - 파일 의존성 + - 모듈 의존성 + +masterInfoList: + - picture: jk + name: JK + position: 제이케이, 모바일 iOS 마스터 + nutshell: "“iOS 앱의 다양한 아키텍처를 스스로 판단하고 만들면서 점검할 수 있는 기준을 찾도록 도와드립니다”" + introduce: 리뷰와 피드백을 나누며 다양한 시각에서 함께 성장할 수 있는 열정 넘치는 동료를 만나보세요 +--- diff --git a/content/code-together/course/ios-architecture/interviews.mdx b/content/code-together/course/ios-architecture/interviews.mdx new file mode 100644 index 000000000..2d99145e1 --- /dev/null +++ b/content/code-together/course/ios-architecture/interviews.mdx @@ -0,0 +1,22 @@ +--- +path: code-together/course/ios-architecture +templateKey: codeTogether_ios-architecture_reviews +interviews: + - writerPhoto: "" + nutshell: "객체지향과 아키텍처의 본질에 대해 알 수 있는 과정" + content: 코드는 짜고 있지만 내가 잘 짜고 있는지 고민이 되는 주니어라면 꼭 들어볼 필요가 있다고 생각합니다. + writer: "" + writerInfo: "" + + - writerPhoto: "" + nutshell: "서로 설명하며 성장할 수 있는 과정" + content: 동료에게 설명하고 또 동료의 설명을 들으면서, 아는 건 더 구체화하고 모르는 건 함께 정리할 수 있었습니다. 논리적으로 설명하는 연습도 할 수 있었어요. + writer: "" + writerInfo: "" + + - writerPhoto: "" + nutshell: "나와 동료의 코드를 깊이 고민할 수 있는 과정" + content: 동료의 질문을 받으면서 나의 코드에 대해 한 번 더 고민할 수 있었고, 동료의 코드를 보면서 코드의 의도를 읽는 방법을 알게 된 것 같아요. + writer: "" + writerInfo: "" +--- diff --git a/content/code-together/course/ios-architecture/masthead.mdx b/content/code-together/course/ios-architecture/masthead.mdx new file mode 100644 index 000000000..75d3d7ca2 --- /dev/null +++ b/content/code-together/course/ios-architecture/masthead.mdx @@ -0,0 +1,23 @@ +--- +path: code-together/course/ios-architecture +templateKey: codeTogether_ios-architecture_masthead +title: "만들면서 배우는\niOS 아키텍처" +description: "스위프트 언어와 iOS 플랫폼에서\n 유지보수하기 좋은 구조를 만들어 봅니다." +targets: + - "모바일 iOS 개발자 (1~5년차 권장)" + - "앱 구조를 만들면서 분석하고 개선하는 경험을 하고 싶으신 분" + - "정해진 코어타임에 참석할 수 있고, 코어타임 외 학습 시간을 충분히 확보할 수 있는 분" + +courseInfos: + - title: 6주 + content: "" + img: calendar + + - title: 매주 목, 오후 7시 30분~10시 30분 + content: "" + img: clock + + - title: 88만원 + content: "" + img: coin +--- diff --git a/content/code-together/course/ios-architecture/plan.mdx b/content/code-together/course/ios-architecture/plan.mdx new file mode 100644 index 000000000..fd4012eba --- /dev/null +++ b/content/code-together/course/ios-architecture/plan.mdx @@ -0,0 +1,73 @@ +--- +path: code-together/course/ios-architecture +templateKey: codeTogether_ios-architecture_plan +tags: + - name: 스스로 + color: "#FFF4B3" + + - name: 그룹과 + color: "#B4E791" + + - name: 마스터와 + color: "#C7E8EF" + +planList: + - name: 미션 수행 + description: 주어진 학습 자료와 키워드를 바탕으로 미션을 수행합니다. 각자 학습하는 과정에서 동료들과 온라인으로 질문과 고민을 나눌 수 있습니다. + color: "#FFF4B3" + + - name: 그룹 피어세션 + description: 이전 미션에 대해 함께 이야기하며 단순히 코드를 설명하는 것이 아닌, 문제 해결 과정에서의 각자 경험을 공유합니다. + color: "#B4E791" + + - name: 마스터 피드백 + description: 미션 코드에 대해 마스터와 함께 리뷰하며 다양한 코드를 마주하고, 좋은 코드에 대해 같이 고민합니다. + color: "#C7E8EF" +--- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
금월화수목
19:00미션과
학습자료 공개
19:30 ~ 20:30미션수행미션수행미션수행활동 리뷰그룹 피어세션
20:30 ~ 21:30마스터 피드백
21:30 ~ 22:30
~ 24:00PR 제출
\ No newline at end of file diff --git a/content/code-together/course/ios-architecture/registrations.mdx b/content/code-together/course/ios-architecture/registrations.mdx new file mode 100644 index 000000000..762a803ab --- /dev/null +++ b/content/code-together/course/ios-architecture/registrations.mdx @@ -0,0 +1,9 @@ +--- +path: code-together/course/ios-architecture +templateKey: codeTogether_ios-architecture_registrations +registrations: + - title: "만들면서 배우는 iOS 아키텍처 과정 대기자 신청하기" + description: "" + caption: "교육 기간 : 2023년 10월 12일 ~ 11월 23일" + path: "https://docs.google.com/forms/d/e/1FAIpQLSfp427Q2d1SwJFNFIwntEclIZupZgwudR5reLok3rK5pOGDCA/viewform" +--- diff --git a/content/code-together/course/javascript/curriculum_part1.mdx b/content/code-together/course/javascript/curriculum_part1.mdx new file mode 100644 index 000000000..1093c9c6b --- /dev/null +++ b/content/code-together/course/javascript/curriculum_part1.mdx @@ -0,0 +1,36 @@ +--- +path: code-together/course/javascript +templateKey: codeTogether_javascript_part1 +index: 1 +tabName: 파트 1 +subjectList: + - name: 개발 환경, 기본 연산과 조건문 + details: + - vscode 기반 개발환경 + - 정수/실수를 활용한 연산 + - 변수를 활용한 복잡한 계산 + + - name: 함수 + details: + - 함수 선언과 호출 + - 연속된 함수 호출과 스택 + - 변수의 유효범위 + + - name: 반복문과 배열 + details: + - 문자열 기본과 반복문 + - 배열 순회, 선언, 변경 + - 고차함수 + + - name: 객체 + details: + - 객체 정의 및 접근 + - 객체를 활요한 프로그래밍 기초 + +masterInfoList: + - picture: crong + name: 크롱 + position: Crong, 웹 프론트엔드 마스터 + nutshell: "“코드스쿼드만의 협력, 배려, 즐거움을 느끼면서 프로그래밍을 시작해 보세요”" + introduce: 프로그래밍을 시작할 때는 스스로 학습하는 방법을 깨닫고, 동료들과 함께 학습하면서 성장하는 것이 좋습니다. ‘코드투게더'는 그렇게 함께 배우는 목적으로 만들었습니다. 또한 무엇을 해야할지 어렵지 않도록 가장 필요한 내용만을 담아 커리큘럼을 구성했습니다. +--- diff --git a/content/code-together/course/javascript/curriculum_part2.mdx b/content/code-together/course/javascript/curriculum_part2.mdx new file mode 100644 index 000000000..1e4b98cab --- /dev/null +++ b/content/code-together/course/javascript/curriculum_part2.mdx @@ -0,0 +1,34 @@ +--- +path: code-together/course/javascript +templateKey: codeTogether_javascript_part2 +index: 2 +tabName: 파트 2 +subjectList: + - name: 브라우저 웹 개발 + details: + - 웹UI 동작 방식 + - HTML을 활용한 구조 개발 + - CSS를 활용한 스타일 개발 + + - name: 재귀 + details: + - 재귀적인 사고를 통한 문제 해결 + - 무한배열 분석 + + - name: 비동기 프로그래밍 + details: + - 비동기와 동기의 차이 + - 비동기 제어 + + - name: 웹 애플리케이션 개발 + details: + - 자바스크립트 객체와 UI 개발 + - 웹 애플리케이션 로직 개발 + +masterInfoList: + - picture: crong + name: 크롱 + position: Crong, 웹 프론트엔드 마스터 + nutshell: "“코드스쿼드만의 협력, 배려, 즐거움을 느끼면서 프로그래밍을 시작해 보세요”" + introduce: 프로그래밍을 시작할 때는 스스로 학습하는 방법을 깨닫고, 동료들과 함께 학습하면서 성장하는 것이 좋습니다. ‘코드투게더'는 그렇게 함께 배우는 목적으로 만들었습니다. 또한 무엇을 해야할지 어렵지 않도록 가장 필요한 내용만을 담아 커리큘럼을 구성했습니다. +--- diff --git a/content/code-together/course/javascript/interviews.mdx b/content/code-together/course/javascript/interviews.mdx new file mode 100644 index 000000000..fc9a015b9 --- /dev/null +++ b/content/code-together/course/javascript/interviews.mdx @@ -0,0 +1,22 @@ +--- +path: code-together/course/javascript +templateKey: codeTogether_javascript_reviews +interviews: + - writerPhoto: "" + nutshell: 능동적인 학습을 이끌어주는 과정 + content: 수동적으로 진도를 따라가는 것이 아니라 능동적으로 함께 학습할 수 있습니다. 그 과정을 통해 더욱 잘 이해할 수 있었고, 무엇보다 재미를 느낄 수 있었습니다. + writer: 2022년 4월(1기) 수료생 + writerInfo: "" + + - writerPhoto: "" + nutshell: 절대 까먹을 수 없는, 머리와 손이 기억하는 나의 코드들! + content: 배우고 돌아서면 까먹는 학습이 아닙니다. 주어진 미션을 함께 해나가는 과정을 통해 하나 하나 모두 내 것이 되는 과정입니다. + writer: 2022년 4월(1기) 수료생 + writerInfo: "" + + - writerPhoto: "" + nutshell: 왕초보도 학습 의지만 있다면! + content: 프로그래밍 학습 경험이 전혀 없는 왕초보일지라도, 학습 의지만 있다면 도전할 가치가 충분한 과정입니다. 프로그래밍 공부를 어떻게 시작할지 엄두가 나지 않아 망설이고 있다면 적극 추천합니다! + writer: 2022년 4월(1기) 수료생 + writerInfo: "" +--- diff --git a/content/code-together/course/javascript/masthead.mdx b/content/code-together/course/javascript/masthead.mdx new file mode 100644 index 000000000..4f2276335 --- /dev/null +++ b/content/code-together/course/javascript/masthead.mdx @@ -0,0 +1,22 @@ +--- +path: code-together/course/javascript +templateKey: codeTogether_javascript_masthead +title: 자바스크립트 +description: "자바스크립트와 함께 프로그래밍 기초부터\n간단한 웹 애플리케이션 개발까지 경험해보는 코드투게더 과정입니다." +targets: + - "프로그래밍 기초를 제대로 학습하고 싶은 초보자" + - "풀타임 학습이 어려운 직장인, 대학생, 취업 준비생" + - "스스로, 또 함께 소프트웨어를 학습하며 성장하고 싶은 분" +courseInfos: + - title: 파트 당 4주 + content: 파트2 시작 전 1주 브레이크 기간 포함 총 9주 + img: calendar + + - title: 매주 월•화•수, 오후 7시~10시 + content: "" + img: clock + + - title: 파트 당 30만원 + coreTime: 총 60만원 + img: coin +--- diff --git a/content/code-together/course/javascript/plan.mdx b/content/code-together/course/javascript/plan.mdx new file mode 100644 index 000000000..d688bfbf5 --- /dev/null +++ b/content/code-together/course/javascript/plan.mdx @@ -0,0 +1,93 @@ +--- +path: code-together/course/javascript +templateKey: codeTogether_javascript_plan +tags: + - name: 스스로 + color: "#FFF4B3" + + - name: 그룹과 + color: "#B4E791" + + - name: 마스터와 + color: "#C7E8EF" + + - name: 모두 함께 + color: "#FF9F92" + +planList: + - name: 데일리 스크럼 + description: 그룹원들과 서로의 학습 상태를 확인하며 이전에 학습한 키워드, 오늘 학습하고 도전할 것들을 공유합니다. + color: "#B4E791" + + - name: 모각코(모여서 각자 코딩) + description: 모각코 시간에는 그룹원과 미션에 대해 자유롭게 소통하며 학습합니다. 학습을 도울 수 있는 멘토가 일정시간 함께 참석해 질의응답을 주고 받을 수 있습니다. + color: "#B4E791" + + - name: 그룹 피어세션 + description: 이전 미션에 대해 함께 이야기하며 단순히 코드를 설명하는 것이 아닌, 문제 해결 과정에서의 각자 경험을 공유합니다. + color: "#B4E791" + + - name: 마스터 코드리뷰 + description: 미션 코드에 대해 마스터와 함께 리뷰하며 다양한 코드를 마주하고, 좋은 코드에 대해 같이 고민해보는 시간입니다. + color: "#C7E8EF" +--- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
월화수금
13:00미션과 VOD#1 공개
19:00체크인 +
커뮤니티 이벤트
(2주차)
+
+
마스터 특강
(3주차)
+
19:00 ~ 19:30데일리 스크럼
19:30 ~ 20:30 +
집중 풀이 시간
(모각코 / 2.5h)
+
+
VOD#2 공개
(20:30)
+
그룹 피어세션
20:30 ~ 21:30
집중 풀이 시간
(모각코 / 1.5h)

+
VOD#2 공개
(21:00)
+
마스터 코드리뷰
(Live)
21:30 ~ 22:00주간 학습정리
및 회고
22:00결과 제출, VOD#3 공개
diff --git a/content/code-together/course/javascript/registrations.mdx b/content/code-together/course/javascript/registrations.mdx new file mode 100644 index 000000000..460d533b4 --- /dev/null +++ b/content/code-together/course/javascript/registrations.mdx @@ -0,0 +1,9 @@ +--- +path: code-together/course/javascript +templateKey: codeTogether_javascript_registrations +registrations: + - title: "코드투게더 자바스크립트 과정 대기자 신청하기" + description: "" + caption: "교육 기간: 미정" + path: "https://docs.google.com/forms/d/e/1FAIpQLSdjZIqBAxYHtBxFjXCUD9B5dAljmbMfuPfVTc-DF2xdn1EuCA/viewform" +--- diff --git a/content/code-together/courseList.mdx b/content/code-together/courseList.mdx new file mode 100644 index 000000000..a31521234 --- /dev/null +++ b/content/code-together/courseList.mdx @@ -0,0 +1,15 @@ +--- +templateKey: codeTogether_courses_list +courses: + - title: "만들면서 배우는 iOS 아키텍처" + description: "스위프트 언어와 iOS 플랫폼에서 유지보수하기 좋은 구조를 만들어 보는" + path: "/code-together/course/ios-architecture" + + - title: "클린 리액트 프로그래밍" + description: "리액트를 올바르고 간결하게 구현하는 방법을 배우는" + path: "/code-together/course/clean-react" + + - title: "자바스크립트 파트1•2" + description: "프로그래밍 기초부터 간단한 웹 애플리케이션 개발까지 경험해보는" + path: "/code-together/course/javascript" +--- diff --git a/content/code-together/courses.mdx b/content/code-together/courses.mdx new file mode 100644 index 000000000..3686898db --- /dev/null +++ b/content/code-together/courses.mdx @@ -0,0 +1,27 @@ +--- +templateKey: codeTogether_courses +courses: + - category: 프론트엔드 + title: 자바스크립트 + cost: 300,000원 + img: mediumJavascript + path: /code-together/course/javascript + tags: + - 대기자 모집 중 + + - category: iOS + title: 만들면서 배우는 iOS 아키텍처 + cost: 880,000원 + img: mediumSwift + path: /code-together/course/ios-architecture + tags: + - 대기자 모집 중 + + - category: 프론트엔드 + title: 클린 리액트 프로그래밍 + cost: 770,000원 + img: mediumCleanReact + path: /code-together/course/clean-react + tags: + - 대기자 모집 중 +--- diff --git a/content/code-together/features.mdx b/content/code-together/features.mdx new file mode 100644 index 000000000..ab171c34c --- /dev/null +++ b/content/code-together/features.mdx @@ -0,0 +1,21 @@ +--- +templateKey: codeTogether_features +features: + - title: 함께하는 학습 + img: codetogether1 + descriptions: + - 동료들과 그룹을 지어 함께 학습 + - 주어진 미션을 같이 고민하며 함께 성장 + + - title: 주제별 미션 해결 + img: codetogether2 + descriptions: + - 주제별 n개의 미션을 해결 + - 작은 미션을 자주 만들면서 제대로 학습 + + - title: 학습을 돕는 활동과 콘텐츠 + img: benefit4 + descriptions: + - 좋은 코드에 대해 함께 고민하는 코드리뷰 + - 필요한 지식을 탄탄히 학습할 수 있는 VOD +--- diff --git a/content/code-together/masthead.mdx b/content/code-together/masthead.mdx new file mode 100644 index 000000000..2e51ce72d --- /dev/null +++ b/content/code-together/masthead.mdx @@ -0,0 +1,5 @@ +--- +templateKey: codeTogether_masthead +title: 코드투게더 +description: "코드투게더는 여러 동료들과 ‘함께’ 소프트웨어를 학습하는 코드스쿼드만의 교육 모델입니다.\n다양한 분야, 언어, 주제로 소프트웨어를 학습하며 동료와 함께 성장할 수 있습니다." +--- diff --git a/content/code-together/studyFeatures.mdx b/content/code-together/studyFeatures.mdx new file mode 100644 index 000000000..3ffb62050 --- /dev/null +++ b/content/code-together/studyFeatures.mdx @@ -0,0 +1,27 @@ +--- +templateKey: codeTogether_studyFeatures +studyFeatures: + - title: 모각코 + img: how1 + descriptions: + - 그룹원들과 함께 모여 학습하는 시간 + - 미션에 대해 자유롭게 소통하며 학습, 문제 해결 + - 학습을 도울 수 있는 멘토와 질의응답 + + - title: 그룹 피어세션 + img: edu1 + descriptions: + - 제출한 미션에 대해 그룹원들과 함께 이야기하는 시간 + - 단순히 코드를 설명하는 것이 아닌, 문제 해결 과정에서의 각자의 경험을 공유 + + - title: 마스터 코드리뷰 + img: edu4 + descriptions: + - 미션 코드에 대해 마스터와 함께 리뷰하는 시간 + - 다양한 코드를 마주하고, 좋은 코드에 대해 같이 고민 + + - title: VOD 학습 + img: how2 + descriptions: + - 핵심 개념과 지식을 VOD로 학습 +--- diff --git a/content/faq/lists.mdx b/content/faq/lists.mdx new file mode 100644 index 000000000..dc593bfe7 --- /dev/null +++ b/content/faq/lists.mdx @@ -0,0 +1,391 @@ +--- +templateKey: faq_lists +lists: + - course: masters + category: 교육 과정 + title: 마스터즈는 1년에 몇 번 진행하나요? + content: 매년 상반기에 한 번 과정을 진행하고 있습니다. 2026년 마스터즈는 2월 2일(월)에 시작하고 7월 30일(목)에 수료합니다. 7월 CS 과정은 선택사항입니다 + editDate: "2025-09-29" + + - course: masters + category: 교육 과정 + title: 과정은 오프라인으로 진행되나요? + content: 네, 코드스쿼드 교육 공간에서 오프라인으로 진행됩니다. + editDate: "2025-09-29" + + - course: masters + category: 지원 및 선발 + title: 과정에 어떻게 지원할 수 있나요? + content: "모집 시기가 되면 코드스쿼드 홈페이지를 통해 지원서 링크가 오픈됩니다.\n +해당 링크를 통해 지원하시면 이후 선발 과정에 대해 이메일로 안내드립니다." + editDate: "2022-06-14" + + - course: masters + category: 지원 및 선발 + title: 프로그래밍이 처음인 사람도 지원할 수 있나요? + content: "마스터즈는 프로그래밍 언어를 하나라도 학습해 본 경험이 있는 분들을 대상으로 하고 있습니다.\n +프로그래밍 경험이 한 번도 없으시다면 아래 콘텐츠를 스스로 학습하시는 것을 추천드립니다.\n +- 코드스쿼드 레벨1 인프런 강의(유료)\n +- 생활코딩(무료)\n\n +위 콘텐츠 외에도 검색을 통해 다양한 기초 프로그래밍 학습 콘텐츠를 찾아보실 수 있습니다." + editDate: "2022-06-14" + + - course: masters + category: 지원 및 선발 + title: 선발 과정은 어떻게 되나요? + content: "지원자의 프로그래밍 경험과 실력 그리고 학습 태도를 확인하기 위해 아래 두 단계의 선발 과정이 있습니다.\n +1) 제시된 문제를 해결하여 제출\n +2) 온라인 또는 오프라인 면담" + editDate: "2023-10-04" + + - course: masters + category: 지원 및 선발 + title: 선발 과정에서 합격 기준은 어떻게 되나요? + content: "1) 제시된 문제를 해결하여 제출\n + 기본적인 프로그래밍이 가능하신 분인지 확인하고 있습니다. 어떤 언어든지 배열에서 값을 읽고, 원하는 조건으로 비교하는 함수를 작성할 수 있는 수준이 최소 수준입니다.\n\n + 2) 온라인 또는 오프라인 면담\n + 마스터즈는 6개월 동안 다양한 동료들을 만나게 됩니다. 동료들과 서로 '협력'하여, '스스로', '포기하지 않고', '도전적'으로 학습하실 수 있는 분인지 여러 방면에서 확인하고 있습니다.\n + 단순히 시험 성적순으로 합격 여부를 결정하지 않습니다." + editDate: "2023-10-04" + + - course: masters + category: 지원 및 선발 + title: 선발 과정에서는 어떤 프로그래밍 언어를 사용해야 하나요? + content: "지원하신 클래스에 따라 아래 언어 사용을 권장드리고 있습니다.\n +- 웹 백엔드 : Java\n +다른 언어 사용도 가능합니다만, 합격자의 경우 마스터즈 시작 전에 본인의 클래스에 맞는 언어를 따로 학습하셔야 합니다." + editDate: "2025-09-29" + + - course: masters + category: 교육 과정 + title: 마스터즈에서 사용하는 pc는 윈도우/맥 상관없나요? + content: 윈도우, 맥, 리눅스 모두 가능합니다. + editDate: "2025-09-29" + + - course: masters + category: 교육 과정 + title: 다른 일을 병행하며 마스터즈에 참여할 수 있을까요? + content: 마스터즈는 풀타임(월~금, 10:00~18:00) 과정이며, 정해진 시간에 집중해서 학습할 수 있어야 합니다. 온라인으로 진행되더라도, Slack으로 실시간으로 소통하며 라이브로 수업이 진행되기 때문에 다른 일과 병행하기 어렵다고 생각됩니다. + editDate: "2025-09-29" + + # - course: masters + # category: 지원 및 선발 + # title: 마스터즈의 여러 클래스를 동시에 수강할 수 있나요? + # content: 가능하지 않습니다. 모든 클래스는 풀타임(월~금, 10시~18시)으로 진행되기 때문에, 하나의 클래스만 수강하실 수 있습니다. + # editDate: "2022-06-14" + + - course: masters + category: 지원 및 선발 + title: 과정 중간에 빈자리가 생긴다면 등록할 수 있나요? + content: 가능하지 않습니다. 과정 중간에 빈자리가 생길 확률이 매우 적으며, 혹시 빈자리가 생기더라도 과정 특성상 중간에 합류하시는 것은 어렵습니다. + editDate: "2022-06-14" + + - course: masters + category: 결제 + title: 수강료 결제는 어떻게 하나요? + content: 수강료는 월 단위로 결제합니다. 결제 방법은 과정에 합류하신 후 자세히 안내받으실 수 있습니다. + editDate: "2022-06-14" + + - course: masters + category: 결제 + title: 수강료 환급이나 국비 지원이 되는 과정인가요? + content: 수강료는 월 단위로 매달 수강료 50만원씩 결제합니다. 결제 방법은 과정에 합류하신 후 자세히 안내받으실 수 있습니다. + editDate: "2025-09-29" + + - course: masters + category: 취업 + title: 과정을 수료하고 취업까지 얼마나 걸리나요? + content: "수강생 개인별 학습 속도가 다르므로 수료 이후 취업 시기는 천차만별입니다. 과정 중간에 취업하시는 분도 있고, 수료 후 1년이 지나고 취업하시는 분도 있습니다.\n +따라서 취업 시기에 대해 확답드리기 어렵습니다." + editDate: "2022-06-14" + + - course: masters + category: 취업 + title: 과정 수료 이후 취업 지원 시스템이 따로 있나요? + content: "공식적으로 제공해드리는 취업 지원 시스템은 없습니다.\n +하지만 코드스쿼드 커뮤니티의 추천 등을 통해 다양한 기업에 조금 더 유리한 조건으로 지원하실 수 있고, 수료생분들간의 네트워킹을 통해 정보 공유, 면접 스터디 등을 활용하여 취업하기도 합니다.\n +또한 코드스쿼드와 채용 연계를 하고 있는 몇몇 회사들이 있습니다." + editDate: "2022-06-14" + +# - course: javascript +# category: 교육 과정 +# title: 코드투게더 자바스크립트 과정은 1년에 몇 번 진행하나요? +# content: "매년 상반기, 하반기에 한 번씩 오픈 예정입니다. 정확한 일정은 미정이며, 시기도 변경될 수 있습니다.\n +# 대기자로 등록하시면 이메일로 모집 소식을 전해드리고 있습니다." +# editDate: "2022-06-14" + +# - course: javascript +# category: 교육 과정 +# title: 과정은 온라인으로 진행되나요? +# content: 네, 100% 온라인으로 진행됩니다. 주로 줌과 슬랙을 활용해 서로 소통하고 학습합니다. +# editDate: "2022-06-14" + +# - course: javascript +# category: 수강신청 +# title: 프로그래밍이 처음인 사람도 수강할 수 있나요? +# content: "네, 수강 가능합니다. 다만 신청 전에 코드투게더 학습 방식에 대한 이해가 필요합니다.\n +# 코드투게더는 주입식 프로그래밍 교육이 아니며 마스터의 수업만으로 이루어진 과정이 아닙니다.\n +# 미션 중심으로 동료와 학습하고 토론하며 함께 성장하는 과정입니다." +# editDate: "2022-06-14" + +# - course: javascript +# category: 수강신청 +# title: 코어타임에 함께할 수 없다면 신청할 수 없나요? +# content: 코드투게더 과정은 동료, 멘토, 마스터와 함께 학습하는 과정입니다. 모두의 학습과 성장을 위해 정해진 코어타임은 지켜주셔야 합니다. +# editDate: "2022-06-14" + +# - course: javascript +# category: 수강신청 +# title: 과정을 어떻게 신청할 수 있나요? +# content: "모집 시기가 되면 코드스쿼드 홈페이지를 통해 신청서 링크가 오픈됩니다.\n\n +# 본 과정은 선착순 신청이며, 신청 과정에서 선금 1만원을 받고 있습니다.\n +# 신청서 링크가 오픈되면 자세한 방법을 확인하실 수 있습니다." +# editDate: "2022-06-14" + +# - course: javascript +# category: 수강신청 +# title: 별도의 선발 과정은 없나요? +# content: 네, 입문 과정이기 때문에 별도의 선발 과정은 없습니다. +# editDate: "2022-06-14" + +# - course: javascript +# category: 결제 +# title: 수강료 결제는 어떻게 하나요? +# content: 수강료는 각 파트 시작 전에 결제합니다. 결제 방법은 과정에 신청하시면 자세히 안내받으실 수 있습니다. +# editDate: "2022-06-14" + +# - course: javascript +# category: 교육 과정 +# title: 각 파트별 수강생은 몇 명인가요? +# content: 약 30명의 수강생이 함께 학습합니다. +# editDate: "2022-06-14" + +# - course: javascript +# category: 수강신청 +# title: 과정 중간에 빈자리가 생긴다면 등록할 수 있나요? +# content: 가능하지 않습니다. 과정 특성상 중간에 합류하시는 것은 어렵습니다. +# editDate: "2022-06-14" + +# - course: javascript +# category: 교육 과정 +# title: 파트 1과 파트 2의 차이점은 무엇인가요? +# content: 파트 1은 자바스크립트로 프로그래밍 기초를 학습하고, 파트 2는 재귀와 비동기 개념부터 간단한 웹 애플리케이션 개발까지를 학습합니다. +# editDate: "2022-06-14" + +# - course: javascript +# category: 수강신청 +# title: 파트 1을 수료한 사람만 파트 2를 수강할 수 있나요? +# content: 네, 파트 1을 통해 자바스크립트 기초를 익히고 코드투게더 방식을 함께 경험한 분들만 파트 2를 수강할 수 있습니다. +# editDate: "2022-06-14" + +# - course: javascript +# category: 결제 +# title: 수강료 환급이나 국비 지원이 되는 과정인가요? +# content: 코드스쿼드에서 따로 제공드리는 할인이나 환급 과정은 없으며, 국비 지원 기관에도 해당되지 않습니다. +# editDate: "2022-06-14" + + - category: 채용 + title: 코드스쿼드에 입사 지원하고 싶습니다. 어떻게 지원하면 되나요? + content: "yoda@codesquad.kr 로 이력서(자유 양식)를 보내주세요.\n +지원 포지션에 따라 채용 절차는 다를 수 있습니다. 상세 내용은 채용 페이지를 확인해 주세요." + editDate: "2022-06-14" + + # - course: clean-frontend + # category: 교육 과정 + # title: 클린 프론트엔드 과정은 1년에 몇 번 진행하나요? + # content: 2023년 1월~4월 사이에 과정을 처음 오픈할 예정입니다. 이후 오픈 시기는 아직 미정입니다. + # editDate: "2022-12-15" + +# - course: clean-frontend +# category: 교육 과정 +# title: 과정은 온라인으로 진행되나요? +# content: "네, 온라인 과정이며 줌과 슬랙을 활용합니다. \n +# 다만 마지막 주차 중 하루는 오프라인(@코드스쿼드)에 모여 활동할 수 있습니다." +# editDate: "2022-12-15" + +# - course: clean-frontend +# category: 수강신청 +# title: 현재 재직 중이 아니라면 참여할 수 없나요? +# content: 아니요, 교육 과정 대상자에 해당된다면 재직여부와 상관없이 참여할 수 있습니다. +# editDate: "2022-12-15" + +# - course: clean-frontend +# category: 수강신청 +# title: 코어타임에 함께할 수 없다면 신청할 수 없나요? +# content: 코드투게더 과정은 동료, 마스터와 함께 학습하는 과정입니다. 모두의 학습과 성장을 위해 정해진 코어타임은 지켜주셔야 합니다. +# editDate: "2022-12-15" + +# - course: clean-frontend +# category: 수강신청 +# title: 과정을 어떻게 신청할 수 있나요? +# content: "모집 시기가 되면 대기자 분들에게 메일로 수강신청 방법을 안내드리고 있습니다.\n +# 그때 자세한 방법을 확인하실 수 있습니다." +# editDate: "2022-12-15" + +# - course: clean-frontend +# category: 수강신청 +# title: 별도의 선발 과정은 없나요? +# content: 네, 없습니다. 다만 과정의 난이도가 중급이기 때문에 초보자는 신청이 어렵습니다. +# editDate: "2022-12-15" + +# - course: clean-frontend +# category: 교육 과정 +# title: 수강생은 총 몇 명인가요? +# content: 약 20명의 수강생이 함께 학습합니다. +# editDate: "2022-12-15" + +# - course: clean-frontend +# category: 수강신청 +# title: 과정 중간에 빈자리가 생긴다면 등록할 수 있나요? +# content: 아니요, 과정 특성상 중간에 합류하시는 것은 어렵습니다. +# editDate: "2022-12-15" + +# - course: clean-frontend +# category: 결제 +# title: 수강료 결제는 어떻게 하나요? +# content: "수강료는 과정 시작 전에 결제합니다. 결제 방법은 과정에 신청하시면 자세히 안내받으실 수 있습니다.\n +# 만약 재직 중인 회사에서 교육 비용을 지원해 주는 경우, 법인 카드로 결제 또는 비용 입금 후 세금계산서 발행이 가능합니다." +# editDate: "2022-12-15" + +# - course: clean-frontend +# category: 결제 +# title: 고용노동부에서 지원하는 재직자 교육 과정(내일배움카드교육 등)에 해당되나요? +# content: 아니요, 해당되지 않습니다. +# editDate: "2022-12-15" + + - course: ios-architecture + category: 교육 과정 + title: 과정은 온라인으로 진행되나요? + content: "네, 온라인 과정이며 줌과 슬랙을 활용합니다. \n +다만 일부 코어타임은 오프라인(@코드스쿼드)에 모여 활동할 수 있습니다." + editDate: "2023-08-23" + + - course: ios-architecture + category: 수강신청 + title: 현재 재직 중이 아니라면 참여할 수 없나요? + content: "아니요, 교육 과정 대상자에 해당된다면 재직여부와 상관없이 참여할 수 있습니다. \n + 다만 현재 재직 중은 아니더라도 1년 이상의 iOS 개발 경험이 필요합니다." + editDate: "2023-08-23" + + - course: ios-architecture + category: 수강신청 + title: 코어타임에 함께할 수 없다면 신청할 수 없나요? + content: 코드투게더 과정은 동료, 마스터와 함께 학습하는 과정입니다. 모두의 학습과 성장을 위해 정해진 코어타임은 반드시 출석해야 합니다. + editDate: "2023-08-23" + + - course: ios-architecture + category: 교육 과정 + title: 정해진 코어타임에만 출석하면 되나요? + content: "목요일 코어타임은 이번 주에 본인이 학습하고 도전한 것을 동료 및 마스터와 공유하는 시간입니다.\n + 따라서 코어타임 이외에도 스스로 학습할 수 있는 시간을 충분히 확보하시는 것을 적극적으로 권장합니다." + editDate: "2023-08-23" + + - course: ios-architecture + category: 수강신청 + title: 과정을 어떻게 신청할 수 있나요? + content: "모집 시기가 되면 대기자 분들에게 메일로 수강신청 방법을 안내드리고 있습니다.\n +그때 자세한 방법을 확인하실 수 있습니다." + editDate: "2022-12-23" + + - course: ios-architecture + category: 수강신청 + title: 별도의 선발 과정은 없나요? + content: 네, 없습니다. 다만 과정의 난이도가 중급이기 때문에 초보자는 신청이 어렵습니다. + editDate: "2022-12-23" + + - course: ios-architecture + category: 교육 과정 + title: 수강생은 총 몇 명인가요? + content: 약 20명의 수강생이 함께 학습합니다. + editDate: "2022-12-23" + + - course: ios-architecture + category: 수강신청 + title: 과정 중간에 빈자리가 생긴다면 등록할 수 있나요? + content: 아니요, 과정 특성상 중간에 합류하시는 것은 어렵습니다. + editDate: "2022-12-23" + + - course: ios-architecture + category: 결제 + title: 수강료 결제는 어떻게 하나요? + content: "수강료는 과정 시작 전에 결제합니다. 결제 방법은 과정에 신청하시면 자세히 안내받으실 수 있습니다.\n +만약 재직 중인 회사에서 교육 비용을 지원해 주는 경우, 법인 카드로 결제 또는 비용 입금 후 세금계산서 발행이 가능합니다." + editDate: "2022-12-23" + + - course: ios-architecture + category: 결제 + title: 고용노동부에서 지원하는 재직자 교육 과정(내일배움카드교육 등)에 해당되나요? + content: 아니요, 해당되지 않습니다. + editDate: "2022-12-23" + + - course: clean-react + category: 교육 과정 + title: 과정은 온라인으로 진행되나요? + content: "네, 온라인 과정이며 줌과 슬랙을 활용합니다. \n +다만 1주차 코어타임은 오프라인(@코드스쿼드)에 모여 활동할 수 있습니다." + editDate: "2023-09-11" + + - course: clean-react + category: 수강신청 + title: 현재 재직 중이 아니라면 참여할 수 없나요? + content: "아니요, 교육 과정 대상자에 해당된다면 재직여부와 상관없이 참여할 수 있습니다. \n + 다만 현재 재직 중은 아니더라도 리액트의 개발 경험이 필요합니다." + editDate: "2023-09-11" + + - course: clean-react + category: 수강신청 + title: 과정 수강을 위해 어느 정도의 리액트 개발 경험이 필요한가요? + content: "본 과정은 리액트로 최소한 추가, 삭제 가능한 todo 애플리케이션은 만들어 봤어야 참여할 수 있는 난이도입니다." + editDate: "2023-09-11" + + - course: clean-react + category: 수강신청 + title: 코어타임에 함께할 수 없다면 신청할 수 없나요? + content: 코드투게더 과정은 동료, 마스터와 함께 학습하는 과정입니다. 모두의 학습과 성장을 위해 정해진 코어타임은 반드시 출석해야 합니다. + editDate: "2023-09-11" + + - course: clean-react + category: 교육 과정 + title: 정해진 코어타임에만 출석하면 되나요? + content: "목요일 코어타임은 이번 주에 본인이 학습하고 도전한 것을 동료 및 마스터와 공유하는 시간입니다.\n + 따라서 코어타임 이외에도 스스로 학습할 수 있는 시간을 충분히 확보하시는 것을 적극적으로 권장합니다." + editDate: "2023-09-11" + + - course: clean-react + category: 수강신청 + title: 과정을 어떻게 신청할 수 있나요? + content: "모집 시기가 되면 대기자 분들에게 메일로 수강신청 방법을 안내드리고 있습니다.\n +그때 자세한 방법을 확인하실 수 있습니다." + editDate: "2023-09-11" + + - course: clean-react + category: 수강신청 + title: 별도의 선발 과정은 없나요? + content: 네, 없습니다. 다만 과정의 난이도가 중급이기 때문에 초보자는 신청이 어렵습니다. + editDate: "2023-09-11" + + - course: clean-react + category: 교육 과정 + title: 수강생은 총 몇 명인가요? + content: 약 15명의 수강생이 함께 학습합니다. + editDate: "2023-09-11" + + - course: clean-react + category: 수강신청 + title: 과정 중간에 빈자리가 생긴다면 등록할 수 있나요? + content: 아니요, 과정 특성상 중간에 합류하시는 것은 어렵습니다. + editDate: "2023-09-11" + + - course: clean-react + category: 결제 + title: 수강료 결제는 어떻게 하나요? + content: "수강료는 과정 시작 전에 결제합니다. 결제 방법은 과정에 신청하시면 자세히 안내받으실 수 있습니다.\n +만약 재직 중인 회사에서 교육 비용을 지원해 주는 경우, 법인 카드로 결제 또는 비용 입금 후 세금계산서 발행이 가능합니다." + editDate: "2023-09-11" + + - course: clean-react + category: 결제 + title: 고용노동부에서 지원하는 재직자 교육 과정(내일배움카드교육 등)에 해당되나요? + content: 아니요, 해당되지 않습니다. + editDate: "2023-09-11" +--- diff --git a/content/main/articles.mdx b/content/main/articles.mdx new file mode 100644 index 000000000..dd6c80ed7 --- /dev/null +++ b/content/main/articles.mdx @@ -0,0 +1,23 @@ +--- +templateKey: main_articles +articles: + - category: AI타임즈 + title: "[스페셜리포트]②20년 경력의 IT개발사 대표가 바라보는 개발자 부족과 연봉문제" + link: http://www.aitimes.com/news/articleView.html?idxno=138287 + + - category: 디지털데일리 + title: '[개발 드림①] 금값된 IT개발자·· "하고싶다면 주저없이 도전하길" IT마스터의 조언' + link: https://www.ddaily.co.kr/news/article/?no=214653 + + - category: 이데일리 + title: '"아무나 받지 않아요"…네이버·카카오 개발자들도 거쳐간 이곳' + link: https://www.edaily.co.kr/news/read?newsId=03932726628947240&mediaCodeNo=257 + + - category: EO + title: 교사, 수업, 경쟁 없이 대기업 개발자를 배출하는 교육 재단 + link: https://eoeoeo.net/2021/01/04/%ea%b5%90%ec%82%ac-%ec%88%98%ec%97%85-%ea%b2%bd%ec%9f%81-%ec%97%86%ec%9d%b4-%eb%8c%80%ea%b8%b0%ec%97%85-%ea%b0%9c%eb%b0%9c%ec%9e%90%eb%a5%bc-%eb%b0%b0%ec%b6%9c%ed%95%98%eb%8a%94-%ea%b5%90%ec%9c%a1/ + + - category: 전자신문 + title: '[조진표 미래로]정호영 코드스쿼드 마스터 "SW생태계를 만들고 싶어 스타트업에 합류"' + link: https://m.etnews.com/20170406000097 +--- diff --git a/content/main/banner.mdx b/content/main/banner.mdx new file mode 100644 index 000000000..ea6516c1f --- /dev/null +++ b/content/main/banner.mdx @@ -0,0 +1,6 @@ +--- +templateKey: main_banner +title: 2024 마스터즈 대기자 접수 중! +description: "" +to: "https://docs.google.com/forms/d/e/1FAIpQLSdjxAsrkmZmGS4FBCGmjmRhND9vq2HoxUy_8oOn9mPzV4cnvw/viewform?usp=sf_link" +--- diff --git a/content/main/cultures.mdx b/content/main/cultures.mdx new file mode 100644 index 000000000..250ba5e67 --- /dev/null +++ b/content/main/cultures.mdx @@ -0,0 +1,18 @@ +--- +templateKey: main_cultures +cultures: + - image: value1 + title: 자율과 책임 + subtitle: 자유롭게 탐색하는 학습 + description: "우리는 한 가지 정답을 찾지 않습니다. 문제를 정의하고 해결하는 과정에서 다양한 방법을 자유롭게 찾아보며 학습하는 것을 지향합니다.\n\n무언가 잘 하는 것에 얽매이기보다, 실수도 해보고 성취도 해보며 배워나갑니다." + + - image: value2 + title: 존중과 포용 + subtitle: 동료와 함께하는 학습 + description: "우리는 혼자 성장하지 않습니다. 동료와 학습하며 다양한 시각을 배우고, 함께 성장하는 것을 지향합니다.\n\n그 과정에서 서로 적극적으로 이해하고 피드백을 나누며 각자의 방식으로 포용합니다." + + - image: value3 + title: 순환과 공헌 + subtitle: 학습한 것을 나누는 태도 + description: "우리는 다른 사람들과 함께 공유하는 것을 지향합니다. 작더라도 본인이 배우고 깨달은 것을 공유하며 더 큰 생각으로 발전시킬 수 있습니다.\n\n이를 통해 우리의 커뮤니티, 나아가 IT 생태계가 건강하게 순환될 수 있기를 바랍니다." +--- diff --git a/content/main/feature.mdx b/content/main/feature.mdx new file mode 100644 index 000000000..38505460b --- /dev/null +++ b/content/main/feature.mdx @@ -0,0 +1,7 @@ +--- +templateKey: main_feature +title: 문제 기반 학습의 커리큘럼 +subtitle: Curriculum of Problem Based Learning(PBL) +description: "문제 기반 학습은 학습을 시작하기 위해 문제를 활용합니다. 실제 상황에 가까운 문제를 기반으로 해결 방식에 대해 다양하게 토론하고 논의하며 해결 방식을 찾아가기 때문에 그 과정에서 다양한 개념과 원리를 배우고, 하나의 정답이 아닌 '다양한 해결책과 시각'을 배울 수 있습니다.\n\n이 과정에서 교수자는 학습자가 효율적으로 학습할 수 있도록 도와주고, 학습이 원활하게 진행될 수 있도록 진행자의 역할을 하기 때문에 학생 중심의 환경에서 교육이 이루어집니다.\n\n코드스쿼드는 PBL기반 교육을 통해 학생들이 빠르게 변화하는 불확실한 세계에서 새로운 체계, 문제, 기술들을 잘 다룰 수 있도록 돕습니다." +image: "pbl1" +--- diff --git a/content/main/interviews.mdx b/content/main/interviews.mdx new file mode 100644 index 000000000..7d5c03c25 --- /dev/null +++ b/content/main/interviews.mdx @@ -0,0 +1,75 @@ +--- +templateKey: main_reviews +interviews: +- writerPhoto: "" + nutshell: 내가 선택한 자율에 대한 책임을 키우는 곳 + content: 코드스쿼드의 모든 배움은 선택에 의해 이루어집니다. 정해진 기간 내에 어떤 규칙을 따를지, 무엇을 학습할지 스스로 선택하고 이행하기 때문에 그 결과에 대한 책임 또한 자신이 지게 됩니다. 이는 과정을 수행하는 동안 굉장한 몰입감과 만족감을 주었고 후회없는 경험을 선물로 받았습니다. + writer: 타미 + writerInfo: Tami, 중고나라 + +- writerPhoto: "" + nutshell: 누구도 강요하지 않고 엄격한 규칙도 없기에 서로를 향한 존중을 바탕으로 성장할 수 있는 문화를 만들어나가는 것이 중요합니다 + content: 코드스쿼드는 이런 걸 해낼 수 있는 사람들이 모인 집단이기에 저 또한 자율, 책임, 존중 이 세 가지를 실천할 수 있었고, 어떤 개발자가 되어야겠다는 그림을 그릴 수 있었습니다. + writer: 제인 + writerInfo: Jane, 네이버 웹툰 + +- writerPhoto: "" + nutshell: 마스터즈의 미션들을 통해 개발 지식뿐만 아니라 자율적으로 학습하는 방법과 동료를 존중하며 함께 자라는 방법을 배울 수 있습니다 + content: 같이 일하고 싶은 개발자가 되고 싶으신 예비 개발자들 분들께 코드스쿼드 마스터즈를 추천합니다. + writer: 데이지 + writerInfo: Daisy, 11번가 + +- writerPhoto: "" + nutshell: 진정한 야생 학습을 경험해 보세요 + content: 새로운 언어와 기술이 등장할 때마다 변화와 혁신의 흐름은 교육의 박자보다 훨씬 빠릅니다. 때로는 강의와 문서 없이 오로지 디버깅을 통해서만 기술을 학습해야 하는 경우도 있고, 다른 사람들의 ‘삽질’ 노하우를 통해 서로 공유하고 배우면서 성장해야 합니다. 코드스쿼드에서 개발을 가장 현업답게, 야생답게 탐험해 보세요. + writer: 시그리드 + writerInfo: Sigrid Jin, Sionic AI + +- writerPhoto: "" + nutshell: 컴퓨터 사이언스부터 프로젝트까지 모든 커리큘럼이 개발자로서의 성장에 큰 도움이 됐습니다 + content: 혼자가 아니라 함께였기에 더 많은 것들을 배울 수 있었습니다. 각자의 방식으로 구현한 과제를 통해 서로가 서로의 성장에 자양분이 되는 환경이 단기간에 빠른 성장을 하는 계기가 되었습니다. 만약 혼자 공부했다면 이렇게 빠르게 성장하지 못했을 거에요. + writer: 제이슨 + writerInfo: Json, 우아한 형제들 + +- writerPhoto: "" + nutshell: 사람들이 코드스쿼드에 모이는 이유는 개발 능력을 더불어 개발자로서의 인성을 키우기 위함도 있다고 생각합니다 + content: 기계적으로 키보드를 두드리는 것에서 벗어나 좋은 애플리케이션을 만들어 볼 수 있어요. 뿐만 아니라, 사람과 사람이 대화를 하는 방법, 이론으로만 알고 있던 지식을 코딩으로 작성해 동작 원리를 배울 수 있어요. 기술 개발은 물론 협업을 통해 대화의 기술을 배우는 것도 개발자에게 중요한 가치이기 때문에, 과정을 통해 자신의 가치를 하나 더 성장시킬 수 있어요. + writer: 스티치 + writerInfo: Stitch, 줌인터넷 + +- writerPhoto: "" + nutshell: 단순한 지식 전달이 아니라, 실무에서 성공할 수 있는 능력을 키울 수 있도록 지원합니다 + content: 코드스쿼드는 독립적인 사고, 협업 능력, 기술적 통찰력 등을 향상시킬 수 있는 교육 기관이라고 생각합니다. 단기간 안에 취직이라는 결과만을 내고자 한다면 해당 교육과 잘 맞지 않을 수 있습니다. 남들과 비교하지 않고 스스로 결정하고, 배우고, 동료와 함께 나누고, 오래도록 개발할 수 있는 태도를 느낄 수 있습니다. + writer: 쿠킴 + writerInfo: Kukim, 무신사 + +- writerPhoto: "" + nutshell: 좋은 동료들을 만나고 나 또한 좋은 동료로 성장할 수 있는 곳 + content: 자율적인 학습 방식을 통해 다양한 방식으로 문제를 접근하고 공유하면서 다방면으로 문제를 사고할 수 있게 됩니다. 또한 문제가 발생했을 때 다같이 고민하고 이야기를 나누는 과정에서 혼자가 아닌 다같이 성장한다는 느낌이 들었습니다. 코드스쿼드에 가장 큰 장점은 좋은 동료들을 만나고 나 또한 그들과 같은 좋은 동료로 성장할 수 있다는 것입니다. + writer: 다온 + writerInfo: Daon + +- writerPhoto: "" + nutshell: 무엇부터 시작해야할지 모르는 망망대해에서 길을 찾도록 도와준 나침반과 같은 코스였습니다 + content: 자율적인 환경이지만 던져지는 키워드들을 따라가며 동료들과 머리를 맞대어 고민하다보면 길을 찾을 수 있었습니다. 기초를 튼튼히 배우고 싶으신 분, 제대로 된 협업을 경험해보시고 싶으신 분들에게 강력 추천합니다. + writer: 포로 + writerInfo: Poro, 그린랩스 + +- writerPhoto: "" + nutshell: 현장에서 일하는 방식으로 학습할 수 있어요 + content: 마스터즈는 미션 베이스의 학습 과정이며, 미션이 곧 요구사항입니다. 이러한 문제 해결 과정이 현업에서 일하는 방식과 유사하며 친절하게 답변을 해줄 시니어(마스터)가 있습니다. 실제 일할 때도 요구 사항만 주어진 채 스스로 문제를 해결해야 하는 상황이 많은데, 취업 이전에 일하는 방식을 경험하고 학습할 수 있다는 점에서 좋은 학습 방법이라고 생각합니다. + writer: 셀데브 + writerInfo: Seldev, 뱅크샐러드 + +- writerPhoto: "" + nutshell: 개발을 한다는 것에서 나아가, 함께 개발하는 것이 알고 싶다면 정말 최고의 환경이라고 생각해요 + content: 저에게 있어서 코드스쿼드는 개발에 대한 관점을 많이 바꿔준 고마운 곳이에요. 코드스쿼드를 통해서 '개발은 혼자 하는 것보다 함께 하는 게 더 다이나믹하고 재미있고 나를 성장시켜주는구나'를 배울 수 있었어요. 함께 개발하는 방법, 함께 나아가는 동료, 함께 성장하는 즐거움을 원하신다면 더없이 코드스쿼드를 추천드려요! + writer: 제이든 + writerInfo: Jayden + +- writerPhoto: "" + nutshell: 마스터즈에서 보낸 시간은 단순한 학습 시간이 아니라 제 자신을 돌아보고 성장할 수 있는 소중한 기회였습니다 + content: 제가 개발의 세계에 발을 들이기 시작한 곳은 마스터즈였습니다. 그전까지는 전혀 경험이 없는 '노베이스' 상태였지만, 마스터즈에서 백엔드 개발을 접하게 되면서 새로운 가능성을 발견했습니다. 가장 큰 성장은 팀 프로젝트를 통해 이루어졌습니다. 단순히 기술적인 지식을 배우는 것 이상으로, 동료들과 협업하는 과정에서 소통의 중요성, 타인의 의견 존중, 그리고 함께 문제를 해결하는 능력 등 여러 가치를 배웠습니다. + writer: 민지노 + writerInfo: Meenzino +--- diff --git a/content/main/masters.mdx b/content/main/masters.mdx new file mode 100644 index 000000000..003fe1b36 --- /dev/null +++ b/content/main/masters.mdx @@ -0,0 +1,63 @@ +--- +templateKey: main_masters +masters: + - image: crong + field: 웹 프론트엔드 + name: 크롱 + introduce: Crong, 웹 프론트엔드 마스터 + nutshell: "“우리 모두 꾸준히 학습하며 성장하는 행복한 개발자가 되면 좋겠습니다.”" + careers: + - S대학 2025년 2학기 - ‘AI를 활용한 front-end 개발’ 과정 운영 + - 우아한형제들 테크캠프 FE 교육 담당 + - 네이버 커넥트재단 부스트코스, 부스트캠프 FE교육 담당 + - 전 SK 플래닛 웹 FE 마스터 + - 전 NAVER FE 플랫폼팀 팀장 + - 전 NHN NEXT 웹 FE 전임 교수 + - 전 Initech, TmaxSoft 웹 보안 엔지니어 + schedules: + - title: 마스터즈 + subtitle: 웹 백엔드 2026 + image: smallMastersCourse + path: /masters + + # - title: 코드투게더 + # subtitle: 자바스크립트 과정 + # image: smallCodeTogether + # path: /code-together/javascript + + - image: honux + field: 웹 백엔드 + name: 호눅스 + introduce: Honux, 웹 백엔드 마스터 + nutshell: "“남들하고 비교하면 초라해 보이지만 느리더라도 내 속도로 꾸준히 가면 잘 되겠죠.”" + careers: + - 네카라쿠배 모두를 포함한 다수 기업을 대상으로 백엔드 및 클라우드 강의 경력 + - 전 Amazon Web Services 시니어 테크니컬 트레이너 + - 전 네이버 랩스 공동 연구원 + - 전 NHN NEXT DB 교수 + - 전 LG 전자 CTO 소프트웨어 플랫폼 연구소 선임 연구원 + - 한양대학교 전자컴퓨터공학 박사 졸업 + schedules: + - title: 마스터즈 + subtitle: 웹 백엔드 2026 + image: smallMastersCourse + path: /masters + + - image: jk + field: 모바일 iOS + name: JK + introduce: 제이케이, 모바일 iOS 마스터 + nutshell: "“개발자가 된다는 것은 과거형이 아니라 현재 진행형이어야만 한다.”" + careers: + - 현 국내 최장수 macOS/iOS 개발자 커뮤니티와 레츠스위프트 운영진 + - 삼성전자, 네이버, 금결원, GE, 빙글 등 모바일 컨설팅/iOS 강의 경력 + - 전 레진코믹스 모바일 개발 리드 + - 전 NHN NEXT 모바일 전임 교수 + - 전 오로라 플래닛 모바일 스타트업 대표 + - 전 브리지텍 기술연구소 차장 + schedules: + # - title: 마스터즈 + # subtitle: 모바일 iOS 클래스 + # image: smallMastersCourse + # path: /masters +--- diff --git a/content/masters/curriculum_back.mdx b/content/masters/curriculum_back.mdx new file mode 100644 index 000000000..e829dd70b --- /dev/null +++ b/content/masters/curriculum_back.mdx @@ -0,0 +1,35 @@ +--- +templateKey: masters_curriculum_back +index: 2 +tabName: "Java 백엔드" +curriculum: + - subject: 개인 및 그룹 프로젝트 + subjectList: + - name: 레이싱 게임 + detail: 자바 프로그래밍, OOP, 클린 코딩, TDD + + - name: 카페 구현 + detail: 스프링 부트로 다양한 웹백엔드 기반 기술 익히기 + + - name: 자바 웹 서버 + detail: 바닐라 자바로 웹 서버를 구현하며 HTTP의 동작원리를 학습 + + - name: 이슈 관리 서비스 + detail: 스프링 부트 + JPA 학습 + + - name: 중고거래 서비스 + detail: 스프링, OAuth, NoSQL, 클라우드와 DevOps + +masterInfoList: + - picture: honux + name: 호눅스 + position: Honux, 웹 백엔드 마스터 + nutshell: '"서버 인프라 뿐만 아니라 사람과도 협업을 하며 성장하는 방법을 배웁니다"' + introduce: 자바, 스프링, 데이터베이스,HTTP, 클라우드도 배우지만 함께 배우고, 함께 자라는 법도 익힙니다. + + - picture: crong + name: 크롱 + position: Crong, 웹 프론트엔드 마스터 + nutshell: '"우리 모두 꾸준히 학습하며 성장하는 행복한 개발자가 되면 좋겠습니다."' + introduce: 바닐라JS를 좋아하고, UX향상에 도움이 되는 개발 방법에 관심이 많아요 +--- diff --git a/content/masters/curriculum_front.mdx b/content/masters/curriculum_front.mdx new file mode 100644 index 000000000..b1c71b1b9 --- /dev/null +++ b/content/masters/curriculum_front.mdx @@ -0,0 +1,35 @@ +--- +# templateKey: masters_curriculum_front +# index: 1 +# tabName: JS 풀스택 +# curriculum: +# - subject: 개인 및 그룹 프로젝트 +# subjectList: +# - name: Todo 애플리케이션 +# detail: HTML,CSS, Node.js, 개발환경, git + +# - name: "동적 Todo\n애플리케이션" +# detail: DOM, Event, VanillaJS, Express + +# - name: 비동기 시각화 +# detail: React 프로그래밍, 비동기 프로그래밍, 인터랙티브 프로그래밍 + +# - name: 뉴스스탠드 +# detail: React 프로그래밍, TypeScript, 상태 관리, APIs 설계, 데이터베이스(RDB/ NoSQL), Cloud Serverless 환경 + +# - name: 리액트 만들기 +# detail: 프레임워크 인터널, 리액트 아키텍쳐 + +# - name: 이슈관리 앱 (그룹) +# detail: React 고급 프로그래밍, 최적화, 에러핸들링, 테스팅, CDN 사용 및 관리, CI/CD + +# - name: AI 연동 프로젝트 +# detail: React, LLM 및 다양한 머신러닝 클라우드 APIs(Google, AWS, Stability API 등) + +# masterInfoList: +# - picture: crong +# name: 크롱 +# position: Crong, 웹 프론트엔드 마스터 +# nutshell: '"바닐라JS에서 프레임웍까지 프론트엔드 최고의 커리큘럼으로 배우세요"' +# introduce: 바닐라JS를 좋아하고, UX향상에 도움이 되는 개발 방법에 관심이 많아요 +--- diff --git a/content/masters/curriculum_ios.mdx b/content/masters/curriculum_ios.mdx new file mode 100644 index 000000000..f5a1a67c8 --- /dev/null +++ b/content/masters/curriculum_ios.mdx @@ -0,0 +1,35 @@ +--- +# templateKey: masters_curriculum_ios +# index: 4 +# tabName: "모바일 iOS" +# curriculum: +# - subject: 개인 및 그룹 프로젝트 +# subjectList: +# - name: 사진 액자 앱 +# detail: HIG, iOS 앱 설계, 뷰컨트롤러 프로그래밍 + +# - name: 포커 게임 앱 +# detail: MVC 역할 분리, 뷰 프로그래밍, 메모리 관리, 객체지향 프로그래밍 + +# - name: 드로잉 앱 +# detail: 이벤트 처리와 응답 체인, 옵저버와 노티피케이션, 프로토콜 지향 프로그래밍 + +# - name: 할 일 관리 앱 +# detail: 테이블 뷰, 데이터소스, 드래그 앤 드롭, 함수형 프로그래밍, 단위 테스트 + +# - name: 사진 관리 앱 +# detail: 콜랙션 뷰, 동시성 프로그래밍, 짝프로그래밍, 앱 배포 + +# - name: 이슈 관리 앱 +# detail: 네트워크 프로그래밍, 영구저장소, 뷰렌더링 원리, 리액티브 프로그래밍 + +# - name: 중고거래 앱 +# detail: SwiftUI, UITest, 파편화, 앱 아키텍처 개선 + +# masterInfoList: +# - picture: jk +# name: JK +# position: 제이케이, 모바일 iOS 마스터 +# nutshell: "“나와 지인들에게 필요한 iOS 앱을 직접 만들고 출시까지 도전해보세요”" +# introduce: 매력적인 애플 플랫폼에서 함께 성장할 개발자를 기다립니다. +--- diff --git a/content/masters/features.mdx b/content/masters/features.mdx new file mode 100644 index 000000000..00b033d2a --- /dev/null +++ b/content/masters/features.mdx @@ -0,0 +1,23 @@ +--- +templateKey: masters_features +features: + - title: 미션과 협력 중심의 학습 + content: 다양한 미션을 자기주도적으로 해결하면서 필요한 지식을 본인의 것으로 만들 수 있습니다. 그 과정에서 동료와 학습하고 협력하며 함께 성장할 수 있습니다. + img: edu1 + + - title: 기초부터 실전까지 아우르는 커리큘럼 + content: CS, 분야별 학습, 협력 프로젝트로 이어지는 학습 단계를 경험할 수 있습니다. 모든 미션과 프로젝트는 현업에서 재직 중인 개발자들의 지속적인 조언을 통해 구성합니다. + img: edu2 + + - title: 다른 분야와 함께하는 그룹 프로젝트 + content: 백엔드와 프론트엔드, 백엔드와 모바일 개발자가 함께 프로젝트를 진행합니다. 하나의 서비스를 만들기 위해 계획을 세우고, 배포를 위해 일정을 맞추고, 협력하기 위해 서로 소통하는 방법을 경험합니다. + img: edu3 + + - title: 코드리뷰를 포함한 전문적인 피드백 + content: 탄탄한 실무 경력의 마스터와 현업 개발자들로부터 지속적인 멘토링과 꼼꼼한 코드리뷰를 받으며 빠르게 성장할 수 있습니다. + img: edu4 + + - title: 코드스쿼드 커뮤니티 + content: 마스터즈는 2016년도 부터 지금 까지 이어지고 있습니다. 과정 수료 이후에도 코드스쿼드의 멤버로써 지속적인 소통이 가능합니다. 모든 멤버들은 협력하여 함께 성장하는 코드스쿼드 멤버쉽 철학을 따르게 됩니다. + img: edu5 +--- diff --git a/content/masters/interviewList.mdx b/content/masters/interviewList.mdx new file mode 100644 index 000000000..78c6d49ef --- /dev/null +++ b/content/masters/interviewList.mdx @@ -0,0 +1,76 @@ +--- + +templateKey: masters_interview_list +interviewList: + +- writerPhoto: "" + nutshell: 내가 선택한 자율에 대한 책임을 키우는 곳 + content: 코드스쿼드의 모든 배움은 선택에 의해 이루어집니다. 정해진 기간 내에 어떤 규칙을 따를지, 무엇을 학습할지 스스로 선택하고 이행하기 때문에 그 결과에 대한 책임 또한 자신이 지게 됩니다. 이는 과정을 수행하는 동안 굉장한 몰입감과 만족감을 주었고 후회없는 경험을 선물로 받았습니다. + writer: 타미 + writerInfo: Tami, 중고나라 + +- writerPhoto: "" + nutshell: 누구도 강요하지 않고 엄격한 규칙도 없기에 서로를 향한 존중을 바탕으로 성장할 수 있는 문화를 만들어나가는 것이 중요합니다 + content: 코드스쿼드는 이런 걸 해낼 수 있는 사람들이 모인 집단이기에 저 또한 자율, 책임, 존중 이 세 가지를 실천할 수 있었고, 어떤 개발자가 되어야겠다는 그림을 그릴 수 있었습니다. + writer: 제인 + writerInfo: Jane, 네이버 웹툰 + +- writerPhoto: "" + nutshell: 마스터즈의 미션들을 통해 개발 지식뿐만 아니라 자율적으로 학습하는 방법과 동료를 존중하며 함께 자라는 방법을 배울 수 있습니다 + content: 같이 일하고 싶은 개발자가 되고 싶으신 예비 개발자들 분들께 코드스쿼드 마스터즈를 추천합니다. + writer: 데이지 + writerInfo: Daisy, 11번가 + +- writerPhoto: "" + nutshell: 진정한 야생 학습을 경험해 보세요 + content: 새로운 언어와 기술이 등장할 때마다 변화와 혁신의 흐름은 교육의 박자보다 훨씬 빠릅니다. 때로는 강의와 문서 없이 오로지 디버깅을 통해서만 기술을 학습해야 하는 경우도 있고, 다른 사람들의 ‘삽질’ 노하우를 통해 서로 공유하고 배우면서 성장해야 합니다. 코드스쿼드에서 개발을 가장 현업답게, 야생답게 탐험해 보세요. + writer: 시그리드 + writerInfo: Sigrid Jin, Sionic AI + +- writerPhoto: "" + nutshell: 컴퓨터 사이언스부터 프로젝트까지 모든 커리큘럼이 개발자로서의 성장에 큰 도움이 됐습니다 + content: 혼자가 아니라 함께였기에 더 많은 것들을 배울 수 있었습니다. 각자의 방식으로 구현한 과제를 통해 서로가 서로의 성장에 자양분이 되는 환경이 단기간에 빠른 성장을 하는 계기가 되었습니다. 만약 혼자 공부했다면 이렇게 빠르게 성장하지 못했을 거에요. + writer: 제이슨 + writerInfo: Json, 우아한 형제들 + +- writerPhoto: "" + nutshell: 사람들이 코드스쿼드에 모이는 이유는 개발 능력을 더불어 개발자로서의 인성을 키우기 위함도 있다고 생각합니다 + content: 기계적으로 키보드를 두드리는 것에서 벗어나 좋은 애플리케이션을 만들어 볼 수 있어요. 뿐만 아니라, 사람과 사람이 대화를 하는 방법, 이론으로만 알고 있던 지식을 코딩으로 작성해 동작 원리를 배울 수 있어요. 기술 개발은 물론 협업을 통해 대화의 기술을 배우는 것도 개발자에게 중요한 가치이기 때문에, 과정을 통해 자신의 가치를 하나 더 성장시킬 수 있어요. + writer: 스티치 + writerInfo: Stitch, 줌인터넷 + +- writerPhoto: "" + nutshell: 단순한 지식 전달이 아니라, 실무에서 성공할 수 있는 능력을 키울 수 있도록 지원합니다 + content: 코드스쿼드는 독립적인 사고, 협업 능력, 기술적 통찰력 등을 향상시킬 수 있는 교육 기관이라고 생각합니다. 단기간 안에 취직이라는 결과만을 내고자 한다면 해당 교육과 잘 맞지 않을 수 있습니다. 남들과 비교하지 않고 스스로 결정하고, 배우고, 동료와 함께 나누고, 오래도록 개발할 수 있는 태도를 느낄 수 있습니다. + writer: 쿠킴 + writerInfo: Kukim, 무신사 + +- writerPhoto: "" + nutshell: 좋은 동료들을 만나고 나 또한 좋은 동료로 성장할 수 있는 곳 + content: 자율적인 학습 방식을 통해 다양한 방식으로 문제를 접근하고 공유하면서 다방면으로 문제를 사고할 수 있게 됩니다. 또한 문제가 발생했을 때 다같이 고민하고 이야기를 나누는 과정에서 혼자가 아닌 다같이 성장한다는 느낌이 들었습니다. 코드스쿼드에 가장 큰 장점은 좋은 동료들을 만나고 나 또한 그들과 같은 좋은 동료로 성장할 수 있다는 것입니다. + writer: 다온 + writerInfo: Daon + +- writerPhoto: "" + nutshell: 무엇부터 시작해야할지 모르는 망망대해에서 길을 찾도록 도와준 나침반과 같은 코스였습니다 + content: 자율적인 환경이지만 던져지는 키워드들을 따라가며 동료들과 머리를 맞대어 고민하다보면 길을 찾을 수 있었습니다. 기초를 튼튼히 배우고 싶으신 분, 제대로 된 협업을 경험해보시고 싶으신 분들에게 강력 추천합니다. + writer: 포로 + writerInfo: Poro, 그린랩스 + +- writerPhoto: "" + nutshell: 현장에서 일하는 방식으로 학습할 수 있어요 + content: 마스터즈는 미션 베이스의 학습 과정이며, 미션이 곧 요구사항입니다. 이러한 문제 해결 과정이 현업에서 일하는 방식과 유사하며 친절하게 답변을 해줄 시니어(마스터)가 있습니다. 실제 일할 때도 요구 사항만 주어진 채 스스로 문제를 해결해야 하는 상황이 많은데, 취업 이전에 일하는 방식을 경험하고 학습할 수 있다는 점에서 좋은 학습 방법이라고 생각합니다. + writer: 셀데브 + writerInfo: Seldev, 뱅크샐러드 + +- writerPhoto: "" + nutshell: 개발을 한다는 것에서 나아가, 함께 개발하는 것이 알고 싶다면 정말 최고의 환경이라고 생각해요 + content: 저에게 있어서 코드스쿼드는 개발에 대한 관점을 많이 바꿔준 고마운 곳이에요. 코드스쿼드를 통해서 '개발은 혼자 하는 것보다 함께 하는 게 더 다이나믹하고 재미있고 나를 성장시켜주는구나'를 배울 수 있었어요. 함께 개발하는 방법, 함께 나아가는 동료, 함께 성장하는 즐거움을 원하신다면 더없이 코드스쿼드를 추천드려요! + writer: 제이든 + writerInfo: Jayden + +- writerPhoto: "" + nutshell: 마스터즈에서 보낸 시간은 단순한 학습 시간이 아니라 제 자신을 돌아보고 성장할 수 있는 소중한 기회였습니다 + content: 제가 개발의 세계에 발을 들이기 시작한 곳은 마스터즈였습니다. 그전까지는 전혀 경험이 없는 '노베이스' 상태였지만, 마스터즈에서 백엔드 개발을 접하게 되면서 새로운 가능성을 발견했습니다. 가장 큰 성장은 팀 프로젝트를 통해 이루어졌습니다. 단순히 기술적인 지식을 배우는 것 이상으로, 동료들과 협업하는 과정에서 소통의 중요성, 타인의 의견 존중, 그리고 함께 문제를 해결하는 능력 등 여러 가치를 배웠습니다. + writer: 민지노 + writerInfo: Meenzino \ No newline at end of file diff --git a/content/masters/masthead.mdx b/content/masters/masthead.mdx new file mode 100644 index 000000000..084c5619e --- /dev/null +++ b/content/masters/masthead.mdx @@ -0,0 +1,23 @@ +--- +templateKey: masters_masthead +title: 마스터즈 웹 백엔드 2026 +description: "마스터즈는 현장처럼 학습하며 분야별 최고의 개발자로 도약하는데 도움을 주는 풀타임 과정 입니다." +courseInfos: + - title: 2026년 2월 시작 - 5개월(필수) + 1개월(CS선택) + content: "오프라인" + img: calendar + + - title: 월~금, 오전 10시~오후 6시 + content: "풀타임" + img: clock + + - title: 월 50만원 + content: "6개월 기준 총 300만원" + img: coin + +targets: + - "하나 이상의 프로그래밍 언어를 학습해본 경험이 있는 사람" + - "동료와 함께 성장하고 싶은 사람" + - "실무 프로그래머로 가는 길이 궁금한 사람" + - "인공지능 시대에 경쟁력을 확보하고 싶은 사람" +--- diff --git a/content/masters/registration.mdx b/content/masters/registration.mdx new file mode 100644 index 000000000..e14807cca --- /dev/null +++ b/content/masters/registration.mdx @@ -0,0 +1,13 @@ +--- +templateKey: masters_registrations +registrations: + - title: "🙌 마스터즈 웹 백엔드 2026 대기자 신청" + description: "" + caption: "신청 기간 : 2025.10.02 ~" + path: "https://forms.gle/TrXPA4mbZoXabuaS9" + + - title: "📹 2026 마스터즈 설명회 다시 보기" + description: "" + caption: "진행 날짜 : 2025.12.04" + path: "https://www.youtube.com/watch?v=ZKvCb8JkWEQ" +--- diff --git a/content/masters/schedule.mdx b/content/masters/schedule.mdx new file mode 100644 index 000000000..3f1f72431 --- /dev/null +++ b/content/masters/schedule.mdx @@ -0,0 +1,44 @@ +--- +templateKey: masters_schedule +progress: + - label: 대기자 신청 + title: 대기자 신청 + subtitle: 다가올 마스터즈에 미리 대기자 신청을 해보세요 + description: 마스터즈는 보통 매년 상반기에 진행하며, 선발 전 3개월 동안 홈페이지를 통해 대기자 신청을 받고 있습니다. 정확한 선발 일정은 홈페이지를 통해 공지되며, 대기자분들은 메일을 통해 이 소식을 가장 빠르게 받으실 수 있습니다. + + - label: 지원 및 선발 + title: 지원 및 선발 + subtitle: 지원자의 프로그래밍 경험과 실력 그리고 학습 태도를 확인하기 위한 선발 과정이 있습니다. + description: "마스터즈는 하나의 개발 언어라도 학습해 본 경험이 있는 분들에게 알맞은 과정입니다.\n\n + 먼저 기본적인 프로그래밍이 가능한지 확인합니다. 어떤 언어든지 배열에서 값을 읽고, 원하는 조건으로 비교하는 함수를 작성할 수 있는 수준이 최소 수준입니다. 그리고 6개월 동안 다양한 멤버들과 함께 협력하고, 스스로 포기하지 않으며 도전적으로 학습할 수 있는지 여러 방면으로 확인하고 있습니다.\n\n + 단지 프로그래밍 실력만으로 합격 여부를 결정하지 않습니다. 선발된 지원자는 마스터즈의 멤버로 함께하게 됩니다." + + - label: 프로그래밍 실습 + title: 프로그래밍 실습 + subtitle: 먼저 클래스별 프로그래밍 언어와 친해지는 시간을 갖습니다 + description: "작은 미션에 도전하면서 프로그래밍 언어의 기초를 반복적으로 학습하고 실습합니다. \n + 필수적으로 알아야 하는 개념을 익히고, 동료들과 함께 학습하고 협력하는 연습을 합니다." + + - label: 웹 백엔드 과정+그룹 프로젝트 + title: 웹 백엔드 과정+그룹 프로젝트 + subtitle: 웹 백엔드 분야의 심화된 주제를 학습하고, 실전 프로젝트를 통해 웹벡인드 중심으로 클라우드 배포까지 진행하며 서비스 가능한 결과물을 만들어 냅니다 + description: "몇 가지 미니 프로젝트를 통해 웹 서비스를 만들면서 분야별로 필요한 지식을 학습합니다. 또한 주 2 ~ 3회 밀도있는 마스터 클래스를 통해 핵심 지식을 빠르게 습득합니다.\n\n + 기획과 디자인이 포함된 프로젝트를 통해, 난이도별 요구사항을 구현하며 실무 역량을 다양하게 경험할 수 있습니다. 다른 멤버들과 한 팀이 되어 스프린트 계획, 배포, 리뷰, 리팩토링, 테스팅 등의 공학적인 방법을 함께 실천합니다.\n\n + 다양한 개인/팀 프로젝트를 경험하며 실제로 서비스 가능한 결과물을 만들어 냅니다. AI 시대에 맞춰 AI 도구를 성장에 도움이 되는 올바른 방향으로 사용하는 방법을 익힙니다. 같은 분야와 협업하고 때론 다른 분야와 협력하며 클래스별 핵심 지식을 나만의 지식으로 매듭지을 수 있습니다." + + - label: CS08 + title: CS08 + subtitle: 마스터즈 멤버들은 마지막 4주 동안 컴퓨터 기초를 학습할 기회를 선택할 수 있습니다 + description: "컴퓨터 시스템 구조, 운영체제, 네트워크, 자료구조와 알고리즘, 데이터모델링에 대한 기초 지식을 학습하고, 학습한 지식을 바탕으로 총 8개의 미션을 해결합니다.\n\n + 컴퓨터 사이언스를 한 달 만에 완성한다는 것은 매우 어려운 일입니다. 이 과정에서는 본인의 역량에 맞는 속도와 분량을 정해서 CS를 학습할 수 있고, 충분히 익히지 못한 지식은 스스로 꾸준히 보강할 수 있습니다." + + - label: 수료 + title: 수료 + subtitle: 5개월 동안 열심히 달려온 과정을 수료합니다 + description: "모든 멤버들은 수료 이후에도 코드스쿼드의 명예로운 멤버로 활동할 수 있으며, 코드스쿼드 커뮤니티를 통해 마스터, 멤버들과 지속적으로 소통할 수 있습니다." + +waiterApplyUrl: "" +waiterApplyUrlBtnText: "" +applyUrl: "" +applyBtnText: "" +--- diff --git a/content/pre-course/curriculum_part1.mdx b/content/pre-course/curriculum_part1.mdx new file mode 100644 index 000000000..2e12406f3 --- /dev/null +++ b/content/pre-course/curriculum_part1.mdx @@ -0,0 +1,41 @@ +--- +templateKey: preCourse_part1 +index: 1 +tabName: JavaScript +subjectList: + - name: "Week #1" + details: + - 개발 환경 + - 학습방법 + - JavaScript 기본 문법 + + - name: "Week #2" + details: + - 해시 + - 디버깅 + - 스택과 큐 + + - name: "Week #3" + details: + - 비동기 + - 정렬 알고리즘 + - HTML과 CSS + + - name: "Week #4" + details: + - 객체 지향 프로그래밍 + - 동기와 비동기 + +masterInfoList: + - picture: masterjs + name: 마스터제이에스 + position: Masterjs, JavaScript 마스터 + nutshell: "“세상에서 가장 많이 사용하는 프로그래밍 언어 JS! 한번 배워볼까요?”" + introduce: 웹도 JS, 서버도 JS, 앱도 JS, 어디서든 JS로 여러분의 프로그램을 만들어보세요. + + - picture: crong + name: 크롱 + position: Crong, 웹 프론트엔드 마스터 + nutshell: "“4주간 웹 프론트엔드 기초를 탄탄히 다지시고, 함께 성장하는 학습방법도 경험하세요.”" + introduce: 바닐라JS를 좋아하고, UX 향상에 도움이 되는 개발 방법에 관심이 많아요. +--- diff --git a/content/pre-course/curriculum_part2.mdx b/content/pre-course/curriculum_part2.mdx new file mode 100644 index 000000000..6f1959297 --- /dev/null +++ b/content/pre-course/curriculum_part2.mdx @@ -0,0 +1,39 @@ +--- +templateKey: preCourse_part2 +index: 2 +tabName: Java +subjectList: + - name: "Week #1" + details: + - 개발 환경 + - Java 기본 문법 + - 조건문, 반복문, 디버깅 + + - name: "Week #2" + details: + - GitHub 저장소 다루기 + - 함수와 객체 지향 프로그래밍 1 + + - name: "Week #3" + details: + - Java 컬렉션 프레임워크 + - 객체 지향 프로그래밍 2 + + - name: "Week #4" + details: + - 비동기와 콜백 함수 + - 테스트 코드 + +masterInfoList: + - picture: silver + name: 실버 + position: Silver, Java 마스터 + nutshell: "“누구나 마스터가 되기 위해서는 '마늘과 쑥의 시간'이 필요하답니다. SILVER와 함께 자바의 마스터로 가기 위한 마늘과 쑥의 시간을 즐겨보세요.”" + introduce: 시간과 코드스쿼드는 당신 편입니다. 자~ 개발자의 길로 출발하시죠! + + - picture: honux + name: 호눅스 + position: Honux, 웹 백엔드 마스터 + nutshell: "“동료와 함께 성장하면서 즐겁게 프로그래밍을 해 봅시다.”" + introduce: 자바, 스프링, 데이터베이스, HTTP, 클라우드도 배우지만 함께 배우고, 함께 자라는 법도 익힙니다. +--- diff --git a/content/pre-course/curriculum_part3.mdx b/content/pre-course/curriculum_part3.mdx new file mode 100644 index 000000000..ab5ad286a --- /dev/null +++ b/content/pre-course/curriculum_part3.mdx @@ -0,0 +1,36 @@ +--- +templateKey: preCourse_part3 +index: 3 +tabName: Swift +subjectList: + - name: "Week #1" + details: + - Swift 개발 환경 + - 데이터 타입과 데이터 구조 + - 흐름 제어와 디버깅 + + - name: "Week #2" + details: + - GitHub 저장소 다루기 + - Swift와 파운데이션 + - 스토리보드와 입력, 출력 + + - name: "Week #3" + details: + - 객체 지향 프로그래밍 기초 + - "데이터 구조: 리스트와 큐" + - "알고리즘: 탐색과 정렬" + + - name: "Week #4" + details: + - "데이터 구조: 스택" + - iOS 뷰 + - 함수형 프로그래밍과 타이머 + +masterInfoList: + - picture: jk + name: JK + position: 제이케이, 모바일 iOS 마스터 + nutshell: "“스위프트로 프로그래밍 연습도 하고, 간단한 앱을 직접 만들어보세요!”" + introduce: 매력적인 애플 플랫폼에서 함께 성장할 개발자를 기다립니다. +--- diff --git a/content/pre-course/masthead.mdx b/content/pre-course/masthead.mdx new file mode 100644 index 000000000..db7d2b3e0 --- /dev/null +++ b/content/pre-course/masthead.mdx @@ -0,0 +1,21 @@ +--- +templateKey: preCourse_masthead +title: 프리코스 +description: "프로그래밍 기초를 탄탄히 다지며 다가올 마스터즈를 준비하는 과정입니다." +targets: + - "마스터즈 합류에 아직 자신이 없는 분" + - "코드스쿼드 학습 방식을 경험하며 마스터즈를 준비하고 싶은 분" + - "프로그래밍 기초를 제대로 학습하고 싶은 초보자" +courseInfos: + - title: 2022.10.31(월)부터 총 4주 + content: 100% 온라인 + img: calendar + + - title: 매주 월•화•목•금, 오후 2시~7시 + content: "" + img: clock + + - title: 20만원 + coreTime: "" + img: coin +--- diff --git a/content/pre-course/plan.mdx b/content/pre-course/plan.mdx new file mode 100644 index 000000000..d75cc4ebc --- /dev/null +++ b/content/pre-course/plan.mdx @@ -0,0 +1,88 @@ +--- +templateKey: preCourse_plan +tags: + - name: 스스로 + color: "#FFF4B3" + + - name: 그룹과 + color: "#B4E791" + + - name: 마스터와 + color: "#9AD5FF" + +planList: + - name: 데일리 스크럼 + description: 그룹원들과 서로의 학습 상태를 확인하며 이전에 학습한 키워드, 오늘 학습하고 도전할 것들을 공유합니다. + color: "#B4E791" + + - name: 모각코(모여서 각자 코딩) + description: 그룹원과 미션에 대해 자유롭게 소통하며 학습합니다. 학습을 도울 수 있는 멘토가 일정시간 함께 참석해 질의응답을 주고 받을 수 있습니다. + color: "#B4E791" + + - name: 피어세션 + description: 그룹과 함께 이전 미션에 대해 이야기합니다. 단순히 코드만을 설명하지 않고 문제 해결 과정에서의 각자 경험을 공유합니다. + color: "#B4E791" + + - name: 마스터 클래스 + description: 미션과 핵심 지식에 대해 마스터와 함께 이야기합니다. 좋은 코드에 대해 같이 고민해볼 수 있고 질의응답을 나눌 수 있습니다. + color: "#9AD5FF" + + - name: 알고리즘 문제 풀이 + description: "쉬운 난이도의 자료구조, 알고리즘 문제를 2~3개 정도 해결합니다.\n(*수요일은 코어타임이 아니지만 각자 알고리즘 풀이 시간으로 활용하실 수 있습니다)" + color: "#FFF4B3" +--- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
월화수(선택)목금
14:00 ~ 14:30데일리 스크럼
14:30 ~ 15:30 +
모각코
+
(미션 #1)
+
+ 피어세션 + +
알고리즘
+
문제 풀이
+
+
모각코
+
(미션 #2)
+
피어세션
15:30 ~ 16:30마스터 클래스
16:30 ~ 17:30개선+마무리개선+마무리
17:30 ~ 18:30
~ 19:00미션 결과 제출
diff --git a/content/pre-course/registrations.mdx b/content/pre-course/registrations.mdx new file mode 100644 index 000000000..0a40723a3 --- /dev/null +++ b/content/pre-course/registrations.mdx @@ -0,0 +1,8 @@ +--- +templateKey: preCourse_registrations +registrations: + - title: "2023년 마스터즈 대기자 신청하기" + description: "" + caption: "교육 기간 : 2023년 1월~6월(마스터즈 코스) / 1월~10월(마스터즈 max)" + path: "https://docs.google.com/forms/d/e/1FAIpQLScHRPc7dTFVuMiTeCy7kpp6ks23jtkiiB-qZ3Lv0QtDNPU28w/viewform" +--- diff --git a/content/recruit/jobPositionsBackEdu.mdx b/content/recruit/jobPositionsBackEdu.mdx new file mode 100644 index 000000000..26ec88168 --- /dev/null +++ b/content/recruit/jobPositionsBackEdu.mdx @@ -0,0 +1,73 @@ +--- +templateKey: recruit_jobPositions_backend_education_developer +category: 교육개발 +title: 웹 백엔드 교육 개발자 +content: 웹 백엔드 교육 개발자를 채용 정보 +editDate: "2022-04-22" +--- + +[웹 백엔드 교육 개발자] + +[관련 블로그 글 읽어보기](https://medium.com/codesquad-kr/%EC%9D%B4%EC%A0%9C-%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4-%EA%B5%90%EC%9C%A1-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%96%B4%EB%96%A0%EC%84%B8%EC%9A%94-d01c0a09443a) + +코드스쿼드에서는 온-오프라인 경험을 통합하고, 학습 환경의 규모를 키우면서 다음 단계로 가기 위해 소프트웨어교육 개발자가 필요합니다. 함께 소프트웨어 교육 시스템 개발과 콘텐츠 시장에 도전하실 분을 모십니다 + +#### 업무 내용 + +모든 업무에서는 다른 교육자와 협력하고 서로 배우면서 성장할 수 있습니다. + +1. **백엔드 커리큘럼 개발** + 코드스쿼드는 최고의 교육 콘텐츠를 만듭니다. 실무에 필요한 기초 지식과 최신 기술을 스터디하고, 지식과 응용 기술을 반영한 커리큘럼을 만듭니다. + + 강의자료를 작성하는 업무는 많지 않습니다. 추구하는 교육 방식은 '미션'과 '프로젝트' 를 해결하기 위해 필요한 지식을 찾는 구성주의 학습입니다. 따라서 학습자가 최고의 경험을 할 수 있도록 '미션'과 '프로젝트' 문제를 설계하고 개발합니다. + +2. **교육 퍼실리테이터** + 코드스쿼드 교육은 강의식 수업보다는 '스스로' 그리고 '협력적으로 학습'하는 방식을 강조합니다. 교육자 역할은 학생의 학습을 돕는 퍼실리테이터 역할이 더 중요합니다. 그 중에서도 학습 피드백과 코드리뷰 활동은 중요한 업무입니다. 나아가 학생이 교육 과정뿐만 아니라 수료 이후에도 꾸준히 성장할 수 있는 방법을 찾고 돕습니다. + +3. **교육시스템 개발과 활용** + 코드스쿼드는 자체적으로 루카스(Lucas)라는 교육시스템을 만들고 있습니다. + + 온라인과 오프라인에서 교육 활동에 어떤 교육시스템 더 적합한지를 고민하고, 커뮤니티 활성화를 위해 모든 직원이 함께 도전합니다. 지속적으로 성장하는 교육시스템 개발 업무에도 직접 참여할 수 있습니다. + + (참고 기술스택 : React, TypeScript, GraphQL, Apollo, Node.js, AWS) + +4. **다양한 외부 활동 권장** + 교육자로서 오픈소스활동, 블로그 작성, 세미나 발표, 커뮤니티 운영 등의 다양한 외부 활동을 권장합니다. + + 이런 활동을 통해서 현업 개발자와 소통하고, 교육자로서 꾸준히 성장하기를 희망합니다. + +#### 자격 요건 + +**개발 경험** +자바 웹 백엔드 개발 3년차 이상 +리눅스를 이용한 서버 운영 경험 +Git / GitHub을 사용한 개발, PR에 기반한 코드리뷰 경험 +클라우드, DevOps 경험 우대 + +**기술 스택** +자바 및 객체 지향 프로그래밍 +스프링 / 스프링 부트, JPA를 능숙하게 사용 +관계형 데이터베이스에 대한 이해 + +**우대사항(필수 아님)** +즐겁게 소통하며 수평적인 문화를 이해하는 분 +멘토나 개발 리더로서의 경험 +개발방법론에 관심과 경험(애자일 등) +교육 콘텐츠 제작이나 블로그 등을 작성한 경험 +소프트웨어 교육을 해 본 경험 + +#### 채용 절차 + +입사 지원 → 코드 리뷰 → 모의 수업 → 근무조건 협상 + +1. **입사 지원** + yoda@codesquad.kr 로 이력서(자유 양식)를 보내주세요. + +2. **코드 리뷰** + 간단한 코드를 작성하고 코드를 함께 리뷰하는 과제입니다. 보통 업무 외에 2일 이내에 작성 가능한 수준의 분량입니다. 지원자에 따라 이 단계가 생략될 수도 있습니다. + +3. **모의 수업** + 코드스쿼드 마스터들이 직접 참석하여 약 2시간 이내로 진행합니다. 보내주신 이력서를 토대로 주로 기술과 경험에 대해 이야기합니다. + +4. **근무조건 협상** + 면접 후 최대 일주일 이내에 이메일을 통해 결과를 안내 드립니다. 시간이 조금 더 소요될 경우에는 사전에 미리 공유드립니다. diff --git a/content/recruit/jobPositionsEduManager.mdx b/content/recruit/jobPositionsEduManager.mdx new file mode 100644 index 000000000..483921b0d --- /dev/null +++ b/content/recruit/jobPositionsEduManager.mdx @@ -0,0 +1,61 @@ +--- +templateKey: recruit_jobPositions_education_manager +category: 교육기획•운영 +title: 교육 매니저 +content: 교육 매니저 채용 정보 +editDate: "2023-11-24" +--- + +[교육 매니저] + +온-오프라인 경험을 통합하며, 학습 환경의 규모를 키우고, 다음 단계로 나아가기 위해 소프트웨어 교육 분야에 함께 도전하실 분을 모십니다. + +#### 업무 내용 + +모든 업무에서는 다같이 협력하고 서로 배우면서 성장할 수 있습니다. + +1. **교육 기획** + 코드스쿼드에서 추구하는 교육 방식은 '미션'과 '프로젝트' 를 해결하기 위해 필요한 지식을 찾는 구성주의 학습입니다. 지식과 경험을 자기만의 방식으로 구성하는 수강생들을 만날 준비를 하고, 소통하는 역할을 담당합니다. 대표적인 마스터즈 코스를 비롯한 여러 교육 과정이 진행되도록 돕는 역할입니다. +- 교육 개발자들과 함께 교육 기획을 주도합니다 +- 기획한 교육 프로그램을 체계적으로 준비합니다 + +2. **교육 운영** + 온라인과 오프라인에서 적합한 교육 모델을 끊임없이 고민하고 있습니다. 교육 매니저는 교육 과정을 주도적으로 운영하고, 수강생들과 소통하고, 교육 모델을 개선하는 데 다양한 방식으로 의견을 수집합니다. +- 과정 모집 단계 : 안내 메일 작성, 온-오프라인 답변, 과정 소개, 학습 가이드 준비 +- 과정 운영 단계 : 팀구성, 수강생 활동 모니터링, 온-오프라인 상담, 결제 확인, 증명 서류 발급 +- 과정 이후 단계 : 커뮤니티 멤버로 참여 + +3. **교육 시스템 활용** + 코드스쿼드는 루카스(Lucas)라는 자체 교육시스템을 만들고 있습니다. 오프라인 코드스쿼드 교육 모델은 온라인 루카스 시스템에서도 이어지고 있습니다. 교육 시작부터 종료 이후에도 지속적인 커뮤니티 활성화를 위해 교육 시스템을 적극 활용합니다. +- 커뮤니티 멤버십 : 교육이 끝난 이후에도 커뮤니티로 이어지도록 시스템 활용 +- 시스템 개선 : 지속적인 시스템 개선을 위한 아이디어 전달 + +#### 자격 요건 + +**커뮤니티 참여와 적극적인 소통** +- 여러 사람들과 함께 성장하고 싶고 자신만의 에너지가 있으신 분 +- 개발 언어나 도메인 전문 지식이 없더라도 다른 사람과 소통이 가능하신 분 + +**교육 경험** +- 특별한 교육 경험이 필요하진 않습니다. 멤버들과 함께 성장하려는 마인드를 장비하시면 됩니다 +- 그렇지만 IT 분야 서비스 전반에 관심있고, 코드스쿼드의 교육 방식과 철학에 대해 이해하시는 게 중요합니다 + +**우대사항(필수 아님)** +- 소프트웨어 교육 분야에서 근무한 경험이 있으신 분 +- 프로그래밍을 학습하셨거나 기존에 개발 경험이 있으신 분 + +#### 채용 절차 + +입사 지원 → 1-2차 인터뷰 → 근무조건 협상 + +1. **입사 지원** + yoda@codesquad.kr 로 이력서(자유 양식)를 보내주세요. + +2. **1-2차 인터뷰** + 1차는 온라인 화상으로, 2차는 오프라인 대면 면접을 진행합니다. 어떤 업무를 해오셨고, 앞으로 어떤 업무를 하실지 서로 알아가는 시간입니다. + +3. **근무조건 협상** + 면접 후 최대 일주일 이내에 이메일을 통해 결과를 안내 드립니다. 시간이 조금 더 소요될 경우에는 사전에 미리 공유드립니다. + +#### 채용 형태 +풀타임 정규직 (수습기간 3개월) \ No newline at end of file diff --git a/content/recruit/jobPositionsFrontEdu.mdx b/content/recruit/jobPositionsFrontEdu.mdx new file mode 100644 index 000000000..4b28f3228 --- /dev/null +++ b/content/recruit/jobPositionsFrontEdu.mdx @@ -0,0 +1,74 @@ +--- +templateKey: recruit_jobPositions_frontend_education_developer +category: 교육개발 +title: 웹 프론트엔드 교육 개발자 +content: 웹 프론트엔드 교육 개발자 채용 정보 +editDate: "2022-04-21" +--- + +[웹 프론트엔드 교육 개발자] + +[관련 블로그 글 읽어보기](https://medium.com/codesquad-kr/%EC%9D%B4%EC%A0%9C-%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4-%EA%B5%90%EC%9C%A1-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%96%B4%EB%96%A0%EC%84%B8%EC%9A%94-d01c0a09443a) + +코드스쿼드에서는 온-오프라인 경험을 통합하고, 학습 환경의 규모를 키우면서 다음 단계로 가기 위해 소프트웨어교육 개발자가 필요합니다. 함께 소프트웨어 교육 시스템 개발과 콘텐츠 시장에 도전하실 분을 모십니다 + +#### 업무 내용 + +모든 업무에서는 다른 교육자와 협력하고 서로 배우면서 성장할 수 있습니다. + +1. **프론트엔드 커리큘럼 개발** + 코드스쿼드는 최고의 교육 콘텐츠를 만듭니다. 실무에 필요한 기초 지식과 최신 기술을 스터디하고, 지식과 응용 기술을 반영한 커리큘럼을 만듭니다. + 강의자료를 작성하는 업무는 많지 않습니다. 추구하는 교육 방식은 '미션'과 '프로젝트' 를 해결하기 위해 필요한 지식을 찾는 구성주의 학습입니다. 따라서 학습자가 최고의 경험을 할 수 있도록 '미션'과 '프로젝트' 문제를 설계하고 개발합니다. + +1. **교육 퍼실리테이터** + 코드스쿼드 교육은 강의식 수업보다는 '스스로' 그리고 '협력적으로 학습'하는 방식을 강조합니다. 교육자 역할은 학생의 학습을 돕는 퍼실리테이터 역할이 더 중요합니다. 그 중에서도 학습 피드백과 코드리뷰 활동은 중요한 업무입니다. 나아가 학생이 교육 과정뿐만 아니라 수료 이후에도 꾸준히 성장할 수 있는 방법을 찾고 돕습니다. + +1. **교육시스템 개발과 활용** + 코드스쿼드는 자체적으로 루카스(Lucas)라는 교육시스템을 만들고 있습니다. + + 온라인과 오프라인에서 교육 활동에 어떤 교육시스템 더 적합한지를 고민하고, 커뮤니티 활성화를 위해 모든 직원이 함께 도전합니다. 지속적으로 성장하는 교육시스템 개발 업무에도 직접 참여할 수 있습니다. + + (참고 기술스택 : React, TypeScript, GraphQL, Apollo, Node.js, AWS) + +1. **다양한 외부 활동 권장** + 교육자로서 오픈소스활동, 블로그 작성, 세미나 발표, 커뮤니티 운영 등의 다양한 외부 활동을 권장합니다. + + 이런 활동을 통해서 현업 개발자와 소통하고, 교육자로서 꾸준히 성장하기를 희망합니다. + +#### 자격 요건 + +**개발 경험** + +- 3년 이상 또는 그에 준하는 웹 프론트엔드 개발 경험 +- 팀으로 일해본 협업 경험 +- 코드 리뷰 경험 + +**기술 스택** + +- 바닐라 JavaScript 개발 지식과 개발 경험 +- 프레임워크 기반 개발 경험 +- UX를 고려한 웹프론트엔드 개발 경험 + +**우대사항(필수 아님)** + +- 즐겁게 소통하며 수평적인 문화를 이해하는 분 +- 멘토나 개발 리더로서의 경험 +- 개발방법론에 관심과 경험(애자일 등) +- 교육 콘텐츠 제작이나 블로그 등을 작성한 경험 +- 소프트웨어 교육을 해 본 경험 + +#### 채용 절차 + +입사 지원 → 코드 리뷰 → 모의 수업 → 근무조건 협상 + +1. **입사 지원** + yoda@codesquad.kr 로 이력서(자유 양식)를 보내주세요. + +2. **코드 리뷰** + 간단한 코드를 작성하고 코드를 함께 리뷰하는 과제입니다. 보통 업무 외에 2일 이내에 작성 가능한 수준의 분량입니다. 지원자에 따라 이 단계가 생략될 수도 있습니다. + +3. **모의 수업** + 코드스쿼드 마스터들이 직접 참석하여 약 2시간 이내로 진행합니다. 보내주신 이력서를 토대로 주로 기술과 경험에 대해 이야기합니다. + +4. **근무조건 협상** + 면접 후 최대 일주일 이내에 이메일을 통해 결과를 안내 드립니다. 시간이 조금 더 소요될 경우에는 사전에 미리 공유드립니다. diff --git a/content/refund/policy.mdx b/content/refund/policy.mdx new file mode 100644 index 000000000..ccccaec96 --- /dev/null +++ b/content/refund/policy.mdx @@ -0,0 +1,16 @@ +--- +templateKey: refund_policies +editDate: "2022년 5월 12일" +policies: + - reason: 과정 시작 전까지 + standard: 기 납부한 수강료 전액 환급 + + - reason: 과정 진행 1/3 경과 전 + standard: 수강료의 2/3 해당액 환급 + + - reason: 과정 진행 1/2 경과 전 + standard: 수강료의 1/2 해당액 환급 + + - reason: 과정 진행 1/2 경과 후 + standard: 환급하지 않음 +--- diff --git a/content/team-culture/culture.mdx b/content/team-culture/culture.mdx new file mode 100644 index 000000000..2263acd6c --- /dev/null +++ b/content/team-culture/culture.mdx @@ -0,0 +1,25 @@ +--- +templateKey: team_cultures +cultures: + - title: 자율과 책임 + image: value1 + cultureFeatures: + - subtitle: 자율적인 업무 환경 + description: 학습자에게 더 나은 배움터를 제공한다는 비전을 중심으로 자신의 역할과 범위를 스스로 판단하고 선택합니다. + - subtitle: 성숙한 구성원 + description: 자신의 선택이 팀에 어떤 영향을 미칠지 충분히 고려하고, 그 선택에 따른 책임을 감당합니다. + + - title: 존중과 포용 + image: value2 + cultureFeatures: + - subtitle: 위계없이 수평적으로 + description: 직급없이 닉네임을 사용하고, 서로를 존중하고 지지하며 자유롭게 소통합니다. + - subtitle: 서로에 대한 이해 + description: 개개인의 다양성을 이해하고, 서로의 의견을 경청하며 각자의 방식으로 포용합니다. + + - title: 순환과 공헌 + image: value3 + cultureFeatures: + - subtitle: IT 생태계를 건강하게 + description: 우리만의 교육 방식을 통해 IT 생태계가 건강하게 순환하도록 끊임없이 고민하고 실천합니다. +--- diff --git a/content/team-culture/interviews.mdx b/content/team-culture/interviews.mdx new file mode 100644 index 000000000..8caa0e90a --- /dev/null +++ b/content/team-culture/interviews.mdx @@ -0,0 +1,27 @@ +--- +templateKey: team_interviews +interviews: + - writerPhoto: smallChloe + nutshell: 우리의 팀 문화가 코드스쿼드의 교육 방식과 동일하다는 점에서, 코드스쿼드가 지향하는 가치에 대해 진심을 느낄 수 있어요. + content: 자율적인 환경이 마련되니 자연스럽게 다른 가치들도 실천하게 돼요. 서로의 업무에 관심과 피드백을 나누는 과정에서, 받은 만큼 더 잘해서 팀에 기여하고 싶다는 생각이 들어요. + writer: 클로이 + writerInfo: Chloe, 커뮤니티 매니저 & 교육 기획 + + - writerPhoto: smallHead + nutshell: 업무적으로 신뢰할 수 있는 동료가 있기 때문에 마음이 편하다는 건 큰 장점이에요. + content: 팀에 대한 소속감과 동료들에 대한 신뢰감 덕분에 내가 맡은 업무에도 책임을 가지고 임할 수 있고, 순발력이 필요한 상황에서도 유연하게 대처할 수 있어요. + writer: 헤드 + writerInfo: Head, 개발자 + + - writerPhoto: smallSam + nutshell: 자율성이 확보된 환경에서 일하는 것에 큰 만족감을 느끼기 때문에 재택근무와 코어타임 근무가 가장 도움이 돼요. + content: 코드스쿼드가 이루고자 하는 목표가 내 가치관이나 신념에 부합하는 점 또한 업무에 자부심과 책임감을 갖는데 아주 큰 도움이 돼요. + writer: 삼 + writerInfo: Sam, 디자이너 + + - writerPhoto: smallZello + nutshell: 팀과 소통할 때, 파편화된 정보로 인해 공유되지 않은 내용이 생기는 것을 방지하는 게 중요하다고 생각해요. + content: 팀에서 업무 스타일을 함께 맞추기 위해 노력해요. 매일 꾸준히 소통하고 코드 리뷰를 진행하면서 의지할 수 있는 동료가 있어서 좋다는 것을 느껴요. + writer: 젤로 + writerInfo: Zello, 개발자 +--- diff --git a/content/team-culture/welfares.mdx b/content/team-culture/welfares.mdx new file mode 100644 index 000000000..4f226512d --- /dev/null +++ b/content/team-culture/welfares.mdx @@ -0,0 +1,35 @@ +--- +templateKey: team_welfares +welfares: + - title: 자유로운 휴가 + content: 자신의 컨디션과 업무 일정에 따라 성숙한 선택을 내릴 수 있다는 신뢰를 가지고 자유롭게 휴가를 사용할 수 있어요. + img: benefit1 + + - title: 유연한 출퇴근과 재택근무 + content: "코어타임 오후 2시부터 7시 사이에 커뮤니케이션이 가능하다면 출퇴근 시간을 유연하게 활용 할 수 있고, 언제든 원하는 곳에서 일해요.\n자율적으로 근무 시간을 활용하고 투명하게 자신의 근태를 공유해요." + img: benefit2 + + - title: 월요일 오전 휴무 + content: 매주 월요일 오전은 휴무로, 오후 2시부터 일을 시작합니다. 코드스쿼드는 주 36시간 근무하는 것을 원칙으로 하고 있어요. + img: benefit3 + + - title: 도서 지원 + content: 자기계발을 위해 원하는 도서를 마음껏 구매할 수 있어요. + img: benefit4 + + - title: 식대 지원 + content: 출근하는 팀원들에 한하여 점심 식대와 저녁 식대를 금액 제한 없이 지원해요. 출근일이 월 5일 이하인 재택근무자들에게는 10만원의 식대를 지원해요. + img: benefit5 + + - title: 문화비 지원 + content: 매년 모든 팀원들에게 지원하는 문화비 50만원은 운동, 여행, 취미, 인테리어 소품 등 각자 원하는 곳에 자유롭게 사용할 수 있어요. + img: benefit6 + + - title: 최신 장비 지원 + content: 팀원들이 효율적으로 일할 수 있도록 최고급 장비들을 지원해요. + img: benefit7 + + - title: 근속 보상 + content: 입사 후 3년이면 10일 유급 휴가와 휴가비 30만원을 지원해요. 오래된 장비들도 새로 교체할 수 있고, 기존 장비가 고장나지 않았다면 부가 장비로 활용할 수 있어요. + img: benefit8 +--- diff --git a/css/merged.css b/css/merged.css deleted file mode 100644 index 44edcaf87..000000000 --- a/css/merged.css +++ /dev/null @@ -1,3415 +0,0 @@ -/*! - * Start Bootstrap - Agency v3.3.7+1 (http://startbootstrap.com/template-overviews/agency) - * Copyright 2013-2019 Start Bootstrap - * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) - */ -html { - scroll-behavior: smooth; -} -body { - -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); - min-width: 300px; - overflow-x: hidden; - -webkit-font-smoothing: antialiased; - font-family: 'Nanum', 'Apple Gothic', 'Malgun Gothic', 'Nanum Gothic', 'Dotum', Arial, sans-serif; -} -p { - font-size: 14px; - line-height: 1.75; - margin: 0; - padding: 0; -} -p.large { - font-size: 16px; -} -.font12 { - font-size: 1.2em; -} -a, -a:hover, -a:focus, -a:active, -a.active { - outline: none; -} -a { - color: #334; -} -a:hover, -a:focus, -a:active, -a.active { - color: #0059a3; -} -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: 'Nanum', 'Apple Gothic', 'Malgun Gothic', 'Nanum Gothic', 'Dotum', Arial, sans-serif; - text-transform: uppercase; - font-weight: 900; -} -ul, -li { - padding: 0; - margin: 0; -} -li { - list-style: none; -} -.view-none { - display: none; -} -section h2.section-heading { - font-size: 30px; - margin-top: 0; - margin-bottom: 15px; -} -section h3.section-subheading { - font-size: 16px; - font-family: "Nanum Barun Gothic", sans-serif; - text-transform: none; - font-style: italic; - font-weight: 400; - margin-bottom: 75px; -} -/*** font ***/ -.f-40 { - font-size: 40px; -} -.f-32 { - font-size: 32px; -} -.f-24 { - font-size: 24px; -} -.f-18 { - font-size: 18px; -} -.f-16 { - font-size: 16px; -} -.base-desc p { - margin-top: 40px; - font-size: 1.3em; -} -@media (min-width: 768px) { - .inner-section { - padding: 0 0 50px 0 !important; - } -} -.new-container { - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; - width: 95%; -} -@media (min-width: 768px) { - .new-container { - width: 80%; - max-width: 1440px; - } -} -.base-section-height { - margin: 120px 0px; -} -@media (max-width: 768px) { - .base-section-height { - margin: 60px 0px; - } -} -.text-muted { - color: #777777; -} -.text-primary { - color: #0075d6; -} -.img-centered { - margin: 0 auto; -} -.bg-light-gray { - background-color: #eeeeee; -} -.bg-darkest-gray { - background-color: #222222; -} -.skyblue-color { - background-color: #6495ed; -} -.btn-primary { - color: white; - background-color: #0075d6; - border-color: #0075d6; - font-family: 'Nanum', 'Apple Gothic', 'Malgun Gothic', 'Nanum Gothic', 'Dotum', Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; -} -.btn-primary:hover, -.btn-primary:focus, -.btn-primary:active, -.btn-primary.active, -.open .dropdown-toggle.btn-primary { - color: white; - background-color: #0059a3; - border-color: #005499; -} -.btn-primary:active, -.btn-primary.active, -.open .dropdown-toggle.btn-primary { - background-image: none; -} -.btn-primary.disabled, -.btn-primary[disabled], -fieldset[disabled] .btn-primary, -.btn-primary.disabled:hover, -.btn-primary[disabled]:hover, -fieldset[disabled] .btn-primary:hover, -.btn-primary.disabled:focus, -.btn-primary[disabled]:focus, -fieldset[disabled] .btn-primary:focus, -.btn-primary.disabled:active, -.btn-primary[disabled]:active, -fieldset[disabled] .btn-primary:active, -.btn-primary.disabled.active, -.btn-primary[disabled].active, -fieldset[disabled] .btn-primary.active { - background-color: #0075d6; - border-color: #0075d6; -} -.btn-primary .badge { - color: #0075d6; - background-color: white; -} -.btn-xl { - color: white; - background-color: #0075d6; - border-color: #0075d6; - font-family: 'Nanum', 'Apple Gothic', 'Malgun Gothic', 'Nanum Gothic', 'Dotum', Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; - border-radius: 3px; - font-size: 18px; - padding: 20px 20px; - text-transform: none; - min-width: 400px; - box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15); - transition: all 0.3s ease; - color: #fff; - background-color: #008ec7; - border: 0.125rem solid transparent; - display: flex; - align-items: center; - justify-content: center; - max-width: 50%; - margin: 0px auto; -} -.btn-xl:hover, -.btn-xl:focus, -.btn-xl:active, -.btn-xl.active, -.open .dropdown-toggle.btn-xl { - color: white; - background-color: #0059a3; - border-color: #005499; -} -.btn-xl:active, -.btn-xl.active, -.open .dropdown-toggle.btn-xl { - background-image: none; -} -.btn-xl.disabled, -.btn-xl[disabled], -fieldset[disabled] .btn-xl, -.btn-xl.disabled:hover, -.btn-xl[disabled]:hover, -fieldset[disabled] .btn-xl:hover, -.btn-xl.disabled:focus, -.btn-xl[disabled]:focus, -fieldset[disabled] .btn-xl:focus, -.btn-xl.disabled:active, -.btn-xl[disabled]:active, -fieldset[disabled] .btn-xl:active, -.btn-xl.disabled.active, -.btn-xl[disabled].active, -fieldset[disabled] .btn-xl.active { - background-color: #0075d6; - border-color: #0075d6; -} -.btn-xl .badge { - color: #0075d6; - background-color: white; -} -.btn-xl:hover { - box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2); - border-color: transparent; - background-color: #0165a1; -} -.btn-customer { - height: 100% !important; -} -.text-strike { - text-decoration: line-through; -} -.color-cadetblue { - color: #5f9ea0; -} -.selected-nav-menu { - color: #0075d6; -} -.line-short { - width: 200px; - height: 2px; - background-color: #e1e1e1; - margin: 0 auto; -} -@media (min-width: 768px) { - .line-short { - width: 400px; - } -} -.text-left { - text-align: left; -} -.blue-level-color { - color: #274194; -} -.white-level-color { - color: #aaabb2; -} -.base-button, -.base-button-blue { - border-radius: 28px; - font-family: 'Nanum', 'Apple Gothic', 'Malgun Gothic', 'Nanum Gothic', 'Dotum', Arial, sans-serif; - color: #000000; - font-size: 20px; - background: #fff; - padding: 10px 20px 10px 20px; - text-decoration: none; -} -.base-button:hover { - background: #d4e0ef; - text-decoration: none; -} -.base-button-blue { - background: #2f73cf; - color: #fff; - font-size: 16px; -} -.base-button-blue:hover { - background: #4f88df; - text-decoration: none; - color: #fff; -} -.dimmed { - opacity: 0.2; -} -.block-v-center { - position: relative; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); -} -.btn-common { - background: #3498db; - background-image: -webkit-linear-gradient(top, #3498db, #2982b9); - background-image: -moz-linear-gradient(top, #3498db, #2980b9); - background-image: -ms-linear-gradient(top, #3498db, #2980b9); - background-image: -o-linear-gradient(top, #3498db, #2980b9); - background-image: linear-gradient(to bottom, #3498db, #2980b9); - -webkit-border-radius: 9; - -moz-border-radius: 9; - border-radius: 9px; - -webkit-box-shadow: 0px 1px 3px #445c78; - -moz-box-shadow: 0px 1px 3px #445c78; - box-shadow: 0px 1px 3px #445c78; - font-family: 'Nanum', 'Apple Gothic', 'Malgun Gothic', 'Nanum Gothic', 'Dotum', Arial, sans-serif; - color: #ffffff; - font-size: 30px; - padding: 10px 20px 10px 20px; - text-decoration: none; -} -.btn-common:hover { - background: #3cb0fd; - background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); - background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); - background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); - background-image: -o-linear-gradient(top, #3cb0fd, #3498db); - background-image: linear-gradient(to bottom, #3cb0fd, #3498db); - text-decoration: none; -} -.program-title-content { - font-size: 32px; - font-weight: bold!important; - margin-bottom: 60px; -} -/**************************** intro-tex *******************************/ -header { - background-image: url('../img/background/main.jpg'); - background-repeat: no-repeat; - background-attachment: scroll; - background-position: center 12%; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - -o-background-size: cover; - text-align: center; - color: white; - position: relative; - height: 800px; - opacity: 0.2; - transition: all 1.2s; -} -header:after { - content: ""; - background-color: #24272a; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - -o-background-size: cover; - opacity: 0.35; - top: 0; - left: 0; - bottom: 0; - right: 0; - position: absolute; -} -header .intro-text { - position: absolute; - text-align: right; - top: 8rem; - padding: 2.5% 0.5%; - color: #eee; - border-radius: 0.8%; - min-width: 250px; - z-index: 1; - width: 100%; - text-align: center; - left: 0; -} -header .intro-text .intro-lead-in { - font-family: "Nanum Barun Gothic", sans-serif; - font-weight: 500; - font-size: 40px; - line-height: 40px; - margin-bottom: 25px; - margin: 0px auto; -} -header .intro-text .intro-lead-in .company-name { - font-weight: 900; -} -header .intro-text .intro-heading { - text-transform: uppercase; - font-family: 'Nanum', 'Apple Gothic', 'Malgun Gothic', 'Nanum Gothic', 'Dotum', Arial, sans-serif; - font-weight: 700; - font-size: 5rem; - max-width: 1000px; - margin: 0px auto; - width: 100%; -} -header .intro-text .intro-heading .intro-message { - margin-bottom: 10px; -} -header .intro-text .intro-heading .intro-msg-highlight { - color: #1e2423; -} -@media (max-width: 1000px) { - header .intro-text .intro-heading { - width: 100%; - line-height: 7.0vw; - font-size: 4.5vw; - } - header .intro-text .intro-heading a { - margin: 0px auto; - float: none; - font-size: 1.3rem; - width: 80%; - } - a.btn-xl { - max-width: 600px; - } -} -@media (max-width: 480px) { - header { - height: 300px!important; - } - header .intro-text { - top: 10%; - } - a.btn-xl { - width: 75%; - padding: 12px; - min-width: 200px; - } -} -/**************************** Navigation Bar **************************/ -.navbar-custom { - background-color: #222222; - border-color: transparent; -} -.navbar-custom .navbar-brand { - color: #0075d6; - font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive; - padding: 0px; -} -.navbar-custom .navbar-brand:hover, -.navbar-custom .navbar-brand:focus, -.navbar-custom .navbar-brand:active, -.navbar-custom .navbar-brand.active { - color: #0059a3; -} -.navbar-custom .navbar-brand img { - padding: 10px; - max-width: 70px; -} -.navbar-custom .navbar-collapse { - border-color: rgba(255, 255, 255, 0.02); -} -.navbar-custom .navbar-toggle { - background-color: #0075d6; - border-color: #0075d6; - font-family: 'Nanum', 'Apple Gothic', 'Malgun Gothic', 'Nanum Gothic', 'Dotum', Arial, sans-serif; - text-transform: uppercase; - color: white; - font-size: 12px; -} -.navbar-custom .navbar-toggle:hover, -.navbar-custom .navbar-toggle:focus { - background-color: #0075d6; -} -.navbar-custom .nav li a { - font-family: 'Nanum', 'Apple Gothic', 'Malgun Gothic', 'Nanum Gothic', 'Dotum', Arial, sans-serif; - text-transform: uppercase; - font-weight: 400; - letter-spacing: 1px; - color: white; -} -.navbar-custom .nav li a:hover, -.navbar-custom .nav li a:focus { - color: #0075d6; -} -.navbar-custom .nav li a.selected-nav-menu { - color: #0075d6; -} -.navbar-custom .nav li ul.nav-dropdown { - position: absolute; - background-color: #222222; - margin-left: 10px; - padding: 5px; - padding-top: 20px; - color: #fff; - width: 195px; - display: none; - opacity: 0.9; - visibility: hidden; -} -.navbar-custom .navbar-nav > .active > a { - border-radius: 0; - color: white; - background-color: #0075d6; -} -.navbar-custom .nav li a.dimmed-text, -.dimmed-text { - color: #9d9d9d; -} -@media (min-width: 768px) { - .navbar-custom { - background-color: transparent; - padding: 25px 0; - -webkit-transition: padding 0.3s; - -moz-transition: padding 0.3s; - transition: padding 0.3s; - border: none; - } - .navbar-custom .navbar-brand { - font-size: 2em; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - transition: all 0.3s; - padding: 0px; - } - .navbar-custom .navbar-brand img { - padding: 0px; - max-width: 80px; - position: relative; - top: -7px; - } - .navbar-custom .navbar-nav > .active > a { - border-radius: 3px; - } - .navbar-custom .nav li ul.nav-dropdown { - visibility: visible; - } - .navbar-custom .nav li ul.nav-dropdown li { - margin: 5px 0px; - text-align: left; - } -} -@media (min-width: 768px) { - .navbar-custom.affix { - background-color: #222222; - padding: 10px 0; - } - .navbar-custom.affix .navbar-brand { - font-size: 1.5em; - } -} -/******************************************************/ -/********************** footer ************************/ -.bd-footer { - padding: 8rem 0; - text-align: center; - background-color: #596a79; - text-align: left; - height: 480px; - color: #fff; - clear: both; -} -.bd-footer a { - color: #fff; -} -.bd-footer > div { - width: 60%; - height: 120px; - margin: 0px auto; -} -.bd-footer .footer-top-wrap, -.bd-footer .footer-bottom-wrap { - display: flex; - flex-flow: row wrap; - justify-content: space-between; - align-items: flex-start; -} -.bd-footer .footer-top-wrap > div, -.bd-footer .footer-bottom-wrap > div { - width: 15%; -} -.bd-footer .footer-top-wrap .footer-symbol, -.bd-footer .footer-bottom-wrap .footer-symbol { - width: 50px; - font-size: 2em; - font-weight: 900; -} -.bd-footer .footer-top-wrap .footer-symbol img, -.bd-footer .footer-bottom-wrap .footer-symbol img { - width: 28px; - margin-top: 5px; -} -.bd-footer .footer-top-wrap .codesquad-icon img, -.bd-footer .footer-bottom-wrap .codesquad-icon img, -.bd-footer .footer-top-wrap .kakao-icon img, -.bd-footer .footer-bottom-wrap .kakao-icon img { - width: 35px; -} -.bd-footer .footer-top-wrap .our-address .footer-symbol, -.bd-footer .footer-bottom-wrap .our-address .footer-symbol { - height: 33px; -} -.bd-footer .footer-top-wrap .footer-name, -.bd-footer .footer-bottom-wrap .footer-name { - font-weight: 800; - font-size: 1.1em; - margin-top: 1em; -} -.bd-footer .footer-top-wrap .footer-desc, -.bd-footer .footer-bottom-wrap .footer-desc { - margin-top: 10px; - word-wrap: break-word; - overflow-wrap: break-word; -} -.bd-footer .footer-top-wrap { - margin-bottom: 40px; -} -.bd-footer .footer-bottom-wrap { - margin-top: 40px; -} -.bd-footer .footer-line-seperator { - height: 1px; - background-color: #adafb7; -} -@media (max-width: 1200px) { - .bd-footer > div { - width: 80%; - } -} -@media (max-width: 650px) { - .bd-footer > div { - width: 92%; - font-size: 0.75em; - } -} -/******************************************************/ -/********* CUSTOME LAYOUT (for masters page) **********/ -.base-desc-three { - margin-bottom: 150px; - margin-top: 70px; - padding-top: 70px; -} -.base-desc-three ul.level-wrap { - margin-top: 50px; - display: flex; - flex-flow: row wrap; - justify-content: flex-start; -} -.base-desc-three ul.level-wrap li { - width: 20%; - min-width: 200px; - flex-grow: 1; - position: relative; -} -.base-desc-three ul.level-wrap li .level-background { - font-size: 8em; - color: rgba(80, 104, 135, 0.47); -} -.base-desc-three ul.level-wrap li .img-wrap { - height: auto; - width: 100%; -} -.base-desc-three ul.level-wrap li .img-wrap img { - width: 94%; -} -.base-desc-three ul.level-wrap li .level-desc-wrap { - position: static; - margin-top: 30px; - margin-right: 40px; -} -.base-desc-three ul.level-wrap li .level-desc-wrap p { - font-size: 1.2em; -} -@media (max-width: 768px) { - .base-desc-three { - margin-top: 30px; - margin-bottom: 30px; - } -} -.base-two { - display: flex; - align-items: center; - flex-flow: row wrap; - justify-content: flex-start; -} -.base-two > div { - width: 40%; - min-width: 250px; - flex-grow: 1; -} -.base-three { - display: flex; - flex-flow: row wrap; - justify-content: flex-start; -} -.base-three > div, -.base-three > a { - display: block; - width: 32.3%; - min-width: 200px; - flex-grow: 1; - margin-right: 1%; - padding: 30px; - height: 200px; - border-radius: 0.5%; -} -.base-three > div:last-child, -.base-three > a:last-child { - margin-right: 0%; -} -/************************ recommendation ***********************/ -.multiple-cardui-wrap .recomm-word-wrap { - margin-top: 100px; -} -.multiple-cardui-wrap .recomm-word-wrap > div { - font-weight: 600; - width: 100%; - height: auto; - display: flex; - flex-flow: row wrap; - justify-content: center; -} -.multiple-cardui-wrap .recomm-word-wrap > div > div { - flex-grow: 1; - width: 33%; - height: inherit; - display: flex; - flex-flow: column; - justify-content: flex-start; - align-items: center; - padding: 4em; - transition: all 0.1s; -} -.multiple-cardui-wrap .recomm-word-wrap > div > div div:nth-child(2) { - margin-top: 10px; -} -.multiple-cardui-wrap .recomm-word-wrap > div > div:hover { - background-color: rgba(194, 209, 228, 0.42); -} -@media (max-width: 1200px) { - .multiple-cardui-wrap .recomm-word-wrap > div { - font-weight: 600; - width: 100%; - } - .multiple-cardui-wrap .recomm-word-wrap > div > div { - padding: 1em; - } -} -@media (max-width: 768px) { - .multiple-cardui-wrap .recomm-word-wrap { - font-size: 1.1em; - } - .multiple-cardui-wrap .recomm-word-wrap > div { - margin: 0; - height: auto; - display: block; - } - .multiple-cardui-wrap .recomm-word-wrap > div > div { - width: 100%; - margin: 0px auto; - margin-bottom: 40px; - } -} -@media (min-width: 768px) { - .col-sm-4 { - width: 20% !important; - } -} -.col-xs-15, -.col-sm-15, -.col-md-15, -.col-lg-15 { - position: relative; - min-height: 1px; -} -.col-xs-15 { - width: 20%; - float: left; -} -@media (min-width: 768px) { - .col-sm-15 { - width: 20%; - float: left; - } -} -@media (min-width: 992px) { - .col-md-15 { - width: 20%; - float: left; - } -} -@media (min-width: 1200px) { - .col-lg-15 { - width: 20%; - float: left; - } -} -.col-xs-30, -.col-sm-30, -.col-md-30, -.col-lg-30 { - position: relative; - min-height: 1px; - text-align: center; -} -.col-xs-30 { - width: 30%; - float: left; -} -@media (min-width: 768px) { - .col-sm-30 { - width: 20%; - float: left; - } -} -@media (min-width: 992px) { - .col-md-30 { - width: 30%; - float: left; - } -} -@media (min-width: 1200px) { - .col-lg-30 { - width: 30%; - float: left; - } -} -.col-sm-5 { - position: relative; - min-height: 1px; -} -.col-xs-5 { - width: 5%; - float: left; -} -@media (min-width: 768px) { - .col-sm-5 { - width: 5%; - float: left; - } -} -/******************************************************/ -@keyframes restmove { - 0% { - transform: translate(0, 0); - } - 7.69% { - transform: translate(0, 10px); - } - 20% { - transform: translate(0, 0); - } - 30% { - transform: translate(0, 10px); - } - 42.3% { - transform: translate(0, 0); - } - 53.84% { - transform: translate(0, 10px); - } - 65.38% { - transform: translate(0, 0); - } - 76.92% { - transform: translate(0, 10px); - } - 88.46% { - transform: translate(0, 0); - } - 100% { - transform: translate(0, 0); - } -} -/************************ schedule table ***********************/ -.schedule-newstyle .program-title-content { - margin-bottom: 60px; -} -.schedule-newstyle .sub-desc { - margin-bottom: 50px; -} -.schedule-newstyle .curriculum-wrap table { - border: 1px solid #ccc; - border-collapse: collapse; - margin: 0; - padding: 0; - width: 100%; - table-layout: fixed; -} -.schedule-newstyle .curriculum-wrap table caption { - font-size: 1.5em; - margin: .5em 0 .75em; -} -.schedule-newstyle .curriculum-wrap table tr { - border: 1px solid #ddd; - padding: .35em; - background: #282c34; - color: #fff; -} -.schedule-newstyle .curriculum-wrap table th, -.schedule-newstyle .curriculum-wrap table td { - padding: 2.0em; - text-align: center; -} -.schedule-newstyle .curriculum-wrap table th img, -.schedule-newstyle .curriculum-wrap table td img { - width: 80%; - border: 1px solid #f2ecec; -} -.schedule-newstyle .curriculum-wrap table th ul > li, -.schedule-newstyle .curriculum-wrap table td ul > li { - text-align: left; - list-style: square; -} -.schedule-newstyle .curriculum-wrap table td:nth-child(1) { - font-size: 24px; -} -.schedule-newstyle .curriculum-wrap table th { - font-size: 24px; - letter-spacing: .1em; - text-transform: uppercase; -} -.schedule-newstyle .curriculum-wrap table th:nth-child(1) { - width: 20%; -} -.schedule-newstyle .curriculum-wrap table.small { - width: 100%; - margin: 0px auto; - max-width: 900px; -} -.schedule-newstyle .curriculum-wrap table.small td { - text-align: left; - padding: 1.5em; -} -.schedule-newstyle .curriculum-wrap table.small td { - font-size: 18px; -} -.schedule-newstyle .curriculum-wrap table.small td ul > li { - font-size: 18px; -} -.schedule-newstyle .curriculum-wrap table.small td ul > li a, -.schedule-newstyle .curriculum-wrap table.small td ul > li a:visited { - color: #fff; -} -.schedule-newstyle .curriculum-wrap table.small td:nth-child(1) { - padding-left: 2.5em; - width: 33%; -} -.schedule-newstyle .curriculum-wrap table.small tr:last-child td:nth-child(1) { - width: 100%; -} -@media screen and (max-width: 660px) { - .schedule-newstyle .curriculum-wrap table.small { - width: 100%; - } - .schedule-newstyle .curriculum-wrap table.small td { - text-align: center; - padding: 1.5em; - font-size: 18px; - } - .schedule-newstyle .curriculum-wrap table.small td ul > li { - font-size: 1.0em; - list-style: square; - } - .schedule-newstyle .curriculum-wrap table.small td:nth-child(1) { - padding-left: 0.5em; - } -} -@media screen and (max-width: 600px) { - .schedule-newstyle .curriculum-wrap table { - border: 0; - } - .schedule-newstyle .curriculum-wrap table caption { - font-size: 1.3em; - } - .schedule-newstyle .curriculum-wrap table thead { - border: none; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - } - .schedule-newstyle .curriculum-wrap table tr { - border-bottom: 3px solid #ddd; - display: block; - margin-bottom: .625em; - } - .schedule-newstyle .curriculum-wrap table td { - border-bottom: 1px solid #ddd; - display: block; - font-size: 1.0em; - text-align: center; - padding: 0.8em; - } - .schedule-newstyle .curriculum-wrap table td ul > li { - list-style-type: none; - } - .schedule-newstyle .curriculum-wrap table td:before { - float: left; - font-weight: bold; - text-transform: uppercase; - } - .schedule-newstyle .curriculum-wrap table td:last-child { - border-bottom: 0; - } - .schedule-newstyle .curriculum-wrap table.small td ul > li { - font-size: 0.9em; - list-style: square; - } - .schedule-newstyle .curriculum-wrap table.small td:nth-child(1) { - text-align: center; - width: 100%; - } - .schedule-newstyle .curriculum-wrap table.small td:nth-child(2) { - padding-left: 2em; - } -} - -.dummyfornav { - height: 53px; - display: block; -} -@media (min-width: 768px) { - .dummyfornav { - height: 70px; - display: block; - } -} -#index-header .intro-heading a span { - font-size: 1.3em; - position: relative; - top: 4px; -} -#index-header .intro-heading a:nth-of-type(1), -#index-header .intro-heading a:nth-of-type(2) { - margin-bottom: 10px; -} -.notice-btn { - display: flex; - flex-flow: row wrap; - justify-content: space-around; - z-index: 1; - max-width: 850px; - margin: 1em auto 0; -} -#about-us p { - font-size: 2em; -} -@media (max-width: 768px) { - #about-us p { - font-size: 1.3em; - } -} -.base-two-column .course-desc-wrap { - width: 100%; - margin: 0px auto; - margin-top: 100px; - display: flex; - align-items: center; - flex-flow: row wrap; - justify-content: flex-start; -} -.base-two-column .course-desc-wrap div { - width: 40%; - min-width: 250px; - flex-grow: 1; -} -.base-two-column .course-desc-wrap .program-item { - color: #768191; - height: 150px; - padding-left: 40px; - border-left: 12px solid #e1e1e1; - font-weight: 900; - letter-spacing: 0.02em; - font-size: 3em; - margin-right: 2%; - display: flex; - align-items: center; - position: relative; -} -.base-two-column .course-desc-wrap .program-item::before { - top: 10px; - font-size: 24px; - position: absolute; - left: 42px; -} -.base-two-column .course-desc-wrap .program-item a { - text-decoration: underline; -} -.base-two-column .course-desc-wrap .program-desc { - line-height: 2em; - font-size: 1.2em; -} -#our-program .course-desc-wrap:nth-child(2) .program-item::before { - content: "취준생을 위한 풀타임코스"; -} -#our-program .course-desc-wrap:nth-child(3) .program-item::before { - content: "역량강화를 위한 단기코스"; -} -@media (max-width: 1340px) { - #our-program.base-two-column .course-desc-wrap .program-item a { - line-height: 1; - } - #our-program.base-two-column .course-desc-wrap .program-item::before { - font-size: 18px; - top: -9px; - } -} -@media (max-width: 768px) { - h2, - h3 { - font-size: 25px; - } - #index-header { - height: 500px; - } - #our-program.base-two-column .course-desc-wrap { - width: 98%; - } - #our-program.base-two-column .course-desc-wrap .program-item { - font-size: 1.8em; - height: 50px; - padding-left: 15px; - margin-bottom: 0.8em; - } - #our-program.base-two-column .course-desc-wrap .program-item::before { - left: 15px; - top: 0px; - } - #our-program.base-two-column .course-desc-wrap .program-item a { - position: relative; - top: 0.5em; - } -} -@media (max-width: 452px) { - .base-desc-three ul.level-wrap li { - margin-bottom: 20%; - } - .base-desc-three ul.level-wrap li .level-desc-wrap { - margin-right: 0; - } - .base-desc-three ul.level-wrap li img.item-img { - width: 100%; - } -} -#team .member-wrap { - display: flex; - align-items: center; - flex-flow: row wrap; - justify-content: flex-start; - margin-top: 50px; - margin-bottom: 50px; -} -#team .member-wrap .team-member { - flex-grow: 1; - background-repeat: no-repeat; - background-size: 100%; - border-radius: 50%; - width: calc(16.4%); - height: 14.3vw; - margin-right: 2%; - font-size: 0.9em; - max-height: 20.5em; - border: 2px solid #5c4d4d; -} -#team .member-wrap .team-member:last-child { - margin-right: 0; -} -#team .member-wrap .team-member .member-content { - display: flex; - flex-flow: column; - justify-content: center; - height: inherit; - color: #fff; - opacity: 0; - border-radius: 50%; - font-weight: bold; - max-height: 20.5em; - transition: 0.1s all; - letter-spacing: 0.18rem; -} -#team .member-wrap .team-member .member-hover-viewer:hover { - opacity: 1; - background: rgba(61, 68, 78, 0.8); -} -#team .member-wrap .team-member .onMemberDesc { - opacity: 1; - background-color: rgba(61, 68, 78, 0.8); -} -#team .member-wrap .team-member .offMemberDesc { - opacity: 0; - background-color: rgba(0, 0, 0, 0); -} -#team .member-wrap .team-member:nth-child(1) { - background-image: url(/img/team/jk2.jpg); -} -#team .member-wrap .team-member:nth-child(2) { - background-image: url(/img/team/yo.jpg); -} -#team .member-wrap .team-member:nth-child(3) { - background-image: url(/img/team/honux.jpg); -} -#team .member-wrap .team-member:nth-child(4) { - background-image: url(/img/team/yagom.png); -} -#team .member-wrap .team-member:nth-child(5) { - background-image: url(/img/team/sarah.png); -} -@media (max-width: 1200px) { - #team .new-container { - width: 80%; - } - #team .new-container .member-wrap { - display: block; - } - #team .new-container .member-wrap .team-member { - width: 250px; - height: 250px; - margin: 0px auto 25px; - } - #team .new-container .member-wrap .team-member img { - max-width: 240px; - } -} -#job-list.multiple-cardui-wrap .recomm-word-wrap div.recomm-word-row { - justify-content: space-around; -} -#job-list.multiple-cardui-wrap .recomm-word-wrap div.recomm-word-row div { - width: 20%; - display: block; - padding: 0px; - max-width: 200px; - padding: 1%; -} -#job-list.multiple-cardui-wrap .recomm-word-wrap div.recomm-word-row div:hover { - background-color: #fff!important; -} -@media (max-width: 768px) { - #job-list.multiple-cardui-wrap .recomm-word-wrap { - margin-top: 50px; - } - #job-list.multiple-cardui-wrap .recomm-word-wrap > div.recomm-word-row { - display: flex; - } - #job-list.multiple-cardui-wrap .recomm-word-wrap div.recomm-word-row > div.single { - max-width: 100px; - } -} -@media (min-width: 768px) { - #place > .new-container { - max-width: 1400px; - } -} -.fixwindow { - position: relative; -} -.swipe { - overflow-x: scroll; - overflow-y: hidden; - white-space: nowrap; - -webkit-overflow-scrolling: touch; - will-change: scroll-position; -} -ul.swipe-imageslider { - transition: all ease-in 0.6s; -} -ul.swipe-imageslider li { - display: inline-block; - margin: 0.6em 0.6em; -} -ul.swipe-imageslider li img { - width: 100%; - max-width: 800px; -} -.buttonNavi { - position: absolute; - top: 35%; - width: 100%; -} -.buttonNavi button { - color: #096ed3; - font-size: 6em; - border: 0; - margin: 0% 1.0%; - background-color: Transparent; - background-repeat: no-repeat; - border: none; - cursor: pointer; - overflow: hidden; - outline: none; -} -.buttonNavi button.swipe-prev { - float: left; -} -.buttonNavi button.swipe-next { - float: right; -} -@media (max-width: 1200px) { - .buttonNavi { - top: 200px; - } -} -@media (max-width: 768px) { - ul.swipe-imageslider li { - height: auto; - } - .buttonNavi { - top: 150px; - } - .buttonNavi button { - font-size: 4em; - } -} -@media (max-width: 480px) { - .buttonNavi { - top: 60px; - } - .buttonNavi button { - font-size: 3em; - } -} -.header.clearfix { - border-bottom: 0; -} -aside.clients { - display: none; -} -aside.clients img { - margin: 50px auto; - max-width: 120px; -} -/************************ BLOG POSTS ***********************/ -.blog-banner { - padding: 4rem 0; - background-color: #eeeeee; -} -.blog-banner .new-container.wrapper { - padding-left: 0px; - padding-right: 0px; -} -.blog-banner .wrapper { - overflow: hidden; - display: flex; - margin: auto; -} -.blog-banner .blog-content { - width: 90%; - order: 2; -} -.blog-banner h3 { - text-align: center; -} -.blog-banner ul { - display: flex; - padding: 0; - transition: transform .6s linear; - position: relative; -} -.blog-banner li { - width: 90%; - height: 100%; - list-style: none; - text-align: center; - font-size: 2rem; -} -.blog-banner button { - outline: none; - background: none; - border: none; - font-size: 3rem; - width: 5%; - overflow: hidden; - background: #eeeeee; - z-index: 9; - padding: 0; - color: #808080; -} -.blog-banner button:hover { - cursor: pointer; -} -.blog-banner button.previous { - order: 1; -} -.blog-banner button.next { - order: 3; - float: right; -} - -.jumbotron { - position: relative; - background-color: #6f7179; - text-align: left; - color: white; - height: 320px; - padding-top: 40px; -} -.jumbotron p { - font-weight: 800; -} -.jumbotron p.font16 { - font-size: 16px; -} -.jumbotron .presentaion-left { - max-width: 700px; - margin-left: 10%; - margin-top: 30px; - opacity: 1.0; -} -.jumbotron .presentaion-left img.level-logo { - max-width: 110px; - float: left; - margin-top: -10px; -} -.jumbotron .presentaion-left:first-child { - margin-top: 0; - opacity: 1; -} -.jumbotron .wrap-text { - margin-left: 12px; - margin-top: 40px; - float: left; - max-width: 480px; -} -.jumbotron .wrap-text p { - line-height: 1.2em; -} -.jumbotron .wrap-text p.sub-desc { - font-size: 1.1em; -} -.jumbotron .apply-btn { - position: absolute; - top: 270px; - left: 70%; -} -.jumbotron .apply-btn img { - width: 100px; -} -.jumbotron .apply-btn span { - position: absolute; - top: 36px; - left: 18px; - color: #fff; - font-weight: bold; - font-size: 1.2em; -} -.jumbotron + .container { - margin-top: 70px; - margin-bottom: 100px; -} -@media (max-width: 768px) { - .jumbotron { - 1height: 300px; - padding-top: 30px; - margin-bottom: 0; - } - .jumbotron .presentaion-left { - max-width: 90%; - margin-left: 10%; - } - .jumbotron .presentaion-left img.level-logo { - max-width: 110px; - float: left; - } - .jumbotron .wrap-text { - margin-left: 12px; - float: left; - max-width: 60%; - } - .jumbotron .wrap-text p { - line-height: 1.2em; - } - .jumbotron .apply-btn { - top: 280px; - } - .jumbotron .apply-btn img { - width: 80px; - } - .jumbotron .apply-btn span { - position: absolute; - top: 28px; - left: 9px; - color: #fff; - font-weight: bold; - font-size: 1.2em; - } - .jumbotron + .container { - margin-top: 30px; - } -} -@media (max-width: 480px) { - .jumbotron { - height: 250px; - padding-top: 15px; - } - .jumbotron .presentaion-left { - max-width: 400px; - margin-left: 2%; - } - .jumbotron .wrap-text { - margin-top: 48px; - margin-left: 11px; - float: left; - max-width: 70%; - } - .jumbotron .wrap-text h3 { - font-size: 16px; - } - .jumbotron .wrap-text p { - line-height: 1.2em; - font-size: 16px; - } - .jumbotron .wrap-text p.font16 { - font-size: 14px; - } - .jumbotron .wrap-text p.sub-desc { - font-size: 1em; - } - .jumbotron .presentaion-left img.level-logo { - max-width: 80px; - width: 25%; - margin-top: 20px; - float: left; - } - .jumbotron .apply-btn { - display: none; - top: 211px; - left: 70%; - } - .marketing p.title-message { - font-size: 1.5em; - } - .marketing:nth-child(2) { - margin-top: 10px; - border-top: 1px solid gray; - padding-top: 30px; - } -} -.marketing div { - opacity: 1; -} -.marketing div.col-lg-6 { - padding-left: 10%; - display: none; -} -.marketing .emphasis_link { - font-weight: bold; - color: #1576d1; - font-size: 1.1em; -} -.marketing a { - text-decoration: underline; -} -.marketing p.title-message { - font-size: 2em; - font-weight: bold; - margin-bottom: 20px; - position: relative; - padding: 0px 10px; -} -.marketing .restman { - text-align: center; - animation: restmove 12s ease-in-out; - font-size: 4.5em; -} -.marketing .item { - margin-bottom: 30px; -} -.marketing:nth-child(2) { - margin-top: 60px; - border-top: 1px solid gray; - padding-top: 60px; - opacity: 1.0; -} - -#schedule-wrap { - margin-top: 100px; -} -#schedule-wrap .new-container { - width: 768px; - position: relative; -} -#schedule-wrap .vertical-line { - width: 2px; - height: 1000px; - background-color: gray; - margin: 100px auto 0; - position: relative; -} -#schedule-wrap .vertical-line .date-point { - border-radius: 50%; - position: absolute; - left: -7px; - width: 16px; - height: 16px; - background: #fff; - border: 1px solid gray; -} -#schedule-wrap .vertical-line .date-point:nth-child(1) { - top: 0px; -} -#schedule-wrap .vertical-line .date-point:nth-child(2) { - top: 250px; -} -#schedule-wrap .vertical-line .date-point:nth-child(3) { - top: 500px; -} -#schedule-wrap .vertical-line .date-point:nth-child(4) { - top: 750px; -} -#schedule-wrap ul { - position: absolute; - top: 150px; - left: 0; -} -#schedule-wrap ul li { - position: relative; -} -#schedule-wrap ul li section { - position: absolute; - top: 0; - left: 0; - width: 200px; - font-size: 1.8em; -} -#schedule-wrap ul li section .plan-date, -#schedule-wrap ul li section .plan-name { - font-weight: 700; -} -#schedule-wrap ul li section .plan-logo { - position: relative; - left: 180px; -} -#schedule-wrap ul li section .plan-logo img { - width: 110px; -} -#schedule-wrap ul li section:nth-child(1) { - left: 50px; - text-align: left; -} -#schedule-wrap ul li section:nth-child(2) { - left: 450px; - text-align: left; -} -#schedule-wrap ul li.reverse-date section:nth-child(2) { - left: 600px; -} -#schedule-wrap ul li.reverse-date .plan-date { - position: relative; - left: 110px; -} -#schedule-wrap ul li.reverse-date .plan-logo { - left: 0px; -} -#schedule-wrap ul li:nth-child(1) { - top: 0px; -} -#schedule-wrap ul li:nth-child(2) { - top: 250px; -} -#schedule-wrap ul li:nth-child(3) { - top: 500px; -} -#schedule-wrap ul li:nth-child(4) { - top: 750px; -} -@media (max-width: 768px) { - #schedule-wrap .new-container { - width: 460px; - padding: 0; - margin: 0 auto; - } - #schedule-wrap .new-container ul li section { - width: 120px; - font-size: 1.2em; - } - #schedule-wrap .new-container ul li section:nth-child(1) { - left: 20px; - } - #schedule-wrap .new-container ul li section:nth-child(2) { - left: 250px; - } - #schedule-wrap .new-container ul li .plan-logo { - left: 55px; - } -} -@media (max-width: 480px) { - #schedule-wrap .new-container { - width: 300px; - padding: 0; - margin: 0 auto; - } - #schedule-wrap .new-container ul li section { - width: 120px; - } - #schedule-wrap .new-container ul li section:nth-child(1) { - left: 12px; - } - #schedule-wrap .new-container ul li section:nth-child(2) { - left: 176px; - } - #schedule-wrap .new-container ul li .plan-logo { - left: 5px; - } - #schedule-wrap .new-container ul li .plan-logo img { - width: 80px; - } -} - -#masters-desc-card { - margin-top: 100px; - margin-bottom: 200px; -} -#masters-desc-card h2 { - margin-bottom: 100px; -} -#masters-desc-card nav ul { - display: flex; - align-items: center; - flex-flow: row; - justify-content: flex-start; - padding-left: 10px; -} -#masters-desc-card nav ul li { - margin-right: 20px; - padding-bottom: 2px; - font-size: 1.3em; -} -#masters-desc-card nav ul li.select-highlight { - border-bottom: 1px solid blue; -} -#masters-desc-card .level-section-wrap { - overflow: auto; - margin-top: 20px; -} -#masters-desc-card .level-section-wrap > section > ul { - overflow: auto; -} -#masters-desc-card .level-section-wrap > section > ul > li { - float: left; - width: 50%; - height: 400px; - border: 8px solid #ffffff; - text-align: left; - color: #fff; - background-color: #778899; - min-width: 273px; - max-width: 600px; -} -#masters-desc-card .level-section-wrap > section > ul > li h3 { - padding-left: 20px; - font-weight: 500; -} -#masters-desc-card .level-section-wrap > section > ul > li .detail-desc > * { - padding: 20px; - font-size: 1.1em; -} -#masters-desc-card .level-section-wrap > section > ul > li .detail-desc ul { - border-left: 20px solid lightslategrey; -} -#masters-desc-card .level-section-wrap > section > ul > li .detail-desc ul li { - list-style: circle; - line-height: 1.7em; -} -#masters-desc-card .level-section-wrap > section > ul > li:nth-child(1), -#masters-desc-card .level-section-wrap > section > ul > li:nth-child(4), -#masters-desc-card .level-section-wrap > section > ul > li:nth-child(5) { - background-color: #997790; -} -#masters-desc-card .level-section-wrap > section > ul > li:nth-child(1) .detail-desc ul, -#masters-desc-card .level-section-wrap > section > ul > li:nth-child(4) .detail-desc ul, -#masters-desc-card .level-section-wrap > section > ul > li:nth-child(5) .detail-desc ul { - border-left: 20px solid #997790; -} -@media (max-width: 2288px) { - #masters-level .level-section-wrap > section ul li { - max-width: 900px; - } -} -@media (max-width: 606px) { - #masters-level .level-section-wrap > section ul li { - width: 100%; - } -} - -#sharedcto-page header { - background-image: url('../img/shared-cto/sharedcto-title.v2.jpg'); -} -#sharedcto-page #sharedcto-example.base-desc-three ul.level-wrap li { - width: 25%; - min-width: 300px; -} -#sharedcto-page #sharedcto-customer.multiple-cardui-wrap .new-container { - margin-bottom: 200px; -} -#sharedcto-page #sharedcto-customer.multiple-cardui-wrap .recomm-word-wrap div.recomm-word-row { - margin-bottom: 100px; -} -#sharedcto-page #sharedcto-customer.multiple-cardui-wrap .recomm-word-wrap div.recomm-word-row div:hover { - background-color: #fff; -} - -#special-page a:hover, -#special-page a:focus { - color: #005580; - text-decoration: none; -} -#special-page h1, -#special-page h2 { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 3em; - color: #121b6d; -} -#special-page header { - background-image: url('../img/special/special_bg.jpg'); -} -#special-page header .sub-desc { - font-size: 2.5rem; - color: #fff; - margin: 2.5rem 1rem 0; -} -#special-page #about-special h2 { - letter-spacing: 0.15em; -} -#special-page #about-special h2 i.fa.fa-linode { - margin-right: 10px; -} -#special-page #about-special img { - width: 60%; -} -#special-page #special-item.base-desc-three { - background-color: #f0f0f0; -} -#special-page #special-item.base-desc-three ul.level-wrap > li { - width: 33.33%; - min-width: 400px; - margin: 1em; - box-sizing: border-box; - max-width: 400px; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .level-desc-wrap { - margin: 0px; - position: relative; - box-shadow: 4px 4px 15px -3px rgba(0, 0, 0, 0.4); -} -#special-page #special-item.base-desc-three ul.level-wrap > li .level-desc-wrap:hover { - box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.4); -} -#special-page #special-item.base-desc-three ul.level-wrap > li .level-desc-wrap .status-program { - position: absolute; - width: 70px; - height: 70px; - background-color: #365067; - color: #fff; - font-size: 15px; - border-radius: 50%; - text-align: center; - font-weight: bold; - line-height: 70px; - box-shadow: 1px 1px 1px 1px #b6c1cf; - top: 1%; - right: 2%; - animation: restmove 12s ease-in-out; - display: table; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .level-desc-wrap .status-program:after { - content: "모집중"; - display: block; - text-align: center; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .level-desc-wrap .ing { - background-color: #cb3650; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .level-desc-wrap .ing:after { - font-weight: bold; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .level-desc-wrap .end:after { - content: "모집예정"; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .img-wrap img { - width: 100%; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .item-desc { - display: block; - padding: 2em; - background: #3783ae; - color: #fff; - font-weight: bold; - height: 620px; - margin-top: 1em; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .item-desc h4 { - font-size: 2em; - margin-bottom: 1.3em; - margin-top: 1.3em; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .item-desc .program-card { - font-weight: normal; - font-size: 1.1em; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .item-desc ul.program-card { - position: absolute; - bottom: 110px; - width: 85%; - background: #356b8a; - padding: 10px; - box-sizing: border-box; - box-shadow: 4px 4px 15px -3px rgba(0, 0, 0, 0.4); -} -#special-page #special-item.base-desc-three ul.level-wrap > li .item-desc ul.program-card li { - font-size: .9em; - margin-bottom: 10px; - width: 90%; - overflow: auto; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .item-desc ul.program-card li i { - width: 20px; - margin-right: 10px; - float: left; - font-size: 1.3em; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .item-desc ul.program-card li span:nth-child(2) { - float: left; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .item-desc ul.program-card li span:nth-child(3) { - float: right; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .btn-wrap { - margin: 20px auto; - height: 70px; -} -#special-page #special-item.base-desc-three ul.level-wrap > li .btn-wrap .btn-common { - text-align: center; - margin: 0px auto; - display: block; - width: 30%; - font-size: 17px; -} -@media (max-width: 1100px) { - #special-page header { - height: 600px; - } - #special-page #special-item.base-desc-three { - color: red; - } - #special-page #special-item.base-desc-three ul.level-wrap li { - margin: 0px auto; - } -} -@media (max-width: 480px) { - #special-page header { - height: 400px; - } - #special-page h1, - #special-page h2 { - font-size: 2em; - } - #special-page #about-special h2 { - letter-spacing: 0.15em; - } - #special-page #about-special h2 i.fa.fa-linode { - margin-right: 10px; - } - #special-page #about-special img { - width: 95%; - } - #special-page #special-item.base-desc-three ul.level-wrap li { - margin-bottom: 80px; - min-width: 250px; - } - #special-page #special-item.base-desc-three ul.level-wrap li .item-desc { - height: 520px; - } - #special-page #special-item.base-desc-three ul.level-wrap li .item-desc .program-card { - font-size: 0.9em; - } - #special-page #special-item.base-desc-three ul.level-wrap li .item-desc ul.program-card { - padding: 5px; - } - #special-page #special-item.base-desc-three ul.level-wrap li .item-desc ul.program-card li i { - font-size: 0.8em; - width: 13px; - } - #special-page #special-item.base-desc-three ul.level-wrap li .item-desc ul.program-card li span { - font-size: 0.8em; - } - #special-page #special-item.base-desc-three ul.level-wrap li .item-desc ul.program-card li span:nth-child(3) { - margin-right: 25px; - } - #special-page #special-item.base-desc-three ul.level-wrap li .btn-wrap .btn-common { - font-size: 12px; - } -} - -h1, -h2, -h3, -h4, -h5 { - text-transform: none; -} -.program_page { - /*** HEADER ***/ -} -.program_page .f-40 { - font-size: 40px; -} -.program_page .f-32 { - font-size: 32px; -} -.program_page .f-24 { - font-size: 24px; -} -.program_page .f-18 { - font-size: 18px; -} -.program_page .f-16 { - font-size: 16px; -} -.program_page p, -.program_page div, -.program_page li, -.program_page span { - font-size: 18px; -} -.program_page h4, -.program_page .sub-desc { - font-size: 18px; -} -.program_page .sub-desc { - margin-bottom: 70px; -} -.program_page .base-section-height { - margin: 100px 0px; -} -.program_page .program-title-content { - font-size: 32px; - font-weight: bold!important; - margin-bottom: 60px; -} -.program_page .program-title-content .emoji { - font-size: 32px; -} -.program_page .basic-info-wrap { - padding: 0px; -} -.program_page .hooking-msg-highlight { - background: #3E606F; - padding: 50px 0; - color: #fff; - font-weight: bold; -} -.program_page i.fa, -.program_page i.fas { - margin-right: 2%; -} -@media (max-width: 480px) { - .program_page .base-section-height { - margin: 70px 0px!important; - } - .program_page .program-title-content { - font-size: 24px !important; - } - .program_page h4, - .program_page .sub-desc { - font-size: 1.4rem; - } - .program_page p, - .program_page div, - .program_page li, - .program_page span, - .program_page a { - font-size: 16px; - } - .program_page .base-three > div:last-child, - .program_page .base-three > a:last-child { - margin-right: 0%; - } -} -.program_page header { - background-position: center 25%; - height: 500px; -} -.program_page header:after { - background-color: #3e5f6e; - opacity: 0.65; -} -.program_page header .intro-text { - top: 4rem; -} -.program_page header .intro-text .intro-heading { - text-transform: initial; -} -.program_page header .intro-text .intro-heading p.small-text { - line-height: 1.2em; - font-weight: 500; - margin: 20px 0px; - font-size: 32px; -} -.program_page header .intro-text .intro-heading p.small-text.text-animation { - margin: 0px auto; - font-size: 24px; -} -@media (max-width: 1300px) { - .program_page header .intro-text > .intro-heading { - width: 100%; - } - .program_page header .intro-text > .intro-heading span.small-text { - font-weight: 200; - } -} -@media (max-width: 480px) { - .program_page header { - height: 300px; - } - .program_page header .intro-text > .intro-heading { - line-height: 4rem; - font-size: 24px !important; - } - .program_page header .intro-text > .intro-heading p.small-text { - font-size: 24px !important; - } -} -.program_page .basic-info .base-two > div { - height: 400px; - padding: 25px; -} -.program_page .basic-info .base-two > div ul { - line-height: 36px; -} -.program_page .basic-info .base-two > div ul li .basic-summary-title { - font-weight: bold; -} -.program_page .basic-info .base-two > div ul li .basic-summary-desc { - margin-left: 3%; -} -.program_page .basic-info .base-two > div:nth-child(1) { - background-image: url(/img/special/tdd_refactoring.png); - background-repeat: no-repeat; - background-size: cover; - background-position-y: bottom; - border-right: 2px solid #fff; - text-align: left; - padding: 0px; - padding-top: 25px; -} -.program_page .basic-info .base-two > div:nth-child(1) .professor { - color: #879a9c; - font-weight: bold; - font-size: 26px; -} -.program_page .basic-info .base-two > div { - background: #CBDBD7; - font-size: 18px; -} -@media (max-width: 1050px) { - .program_page .basic-info .base-two { - display: block; - } - .program_page .basic-info .base-two > div { - padding: 10px; - height: 100%; - width: 100%; - } - .program_page .basic-info .base-two > div:nth-child(1) { - border-right: none; - margin-bottom: 8px; - padding: 0px; - } -} -@media (max-width: 557px) { - .program_page .basic-info .base-two > div:nth-child(1) .program-name { - font-size: 18px !important; - } - .program_page .basic-info .base-two > div:nth-child(1) .basic-info-title { - left: 5%; - } - .program_page .basic-summary-title, - .program_page .basic-summary-desc { - font-size: 15px!important; - } -} -.program_page .plan-background { - margin-top: 110px; -} -.program_page .plan-background h2 { - margin-bottom: 40px; -} -.program_page .plan-background h2 .three-keyword { - font-size: 32px; - font-weight: bold; - line-height: 1.8em; -} -.program_page .plan-background .base-three { - color: #fff; -} -.program_page .plan-background .base-three h4 { - font-size: 24px; -} -.program_page .plan-background .base-three > div, -.program_page .plan-background .base-three > a { - background-color: #66808d; - height: auto; - box-shadow: 4px 4px 15px -3px rgba(0, 0, 0, 0.4); - margin-bottom: 2%; -} -.program_page .plan-background .base-three > div .why-desc, -.program_page .plan-background .base-three > a .why-desc { - text-align: left; - margin-top: 30px; -} -@media (max-width: 1050px) { - .program_page .plan-background .base-three { - display: block; - } - .program_page .plan-background .base-three > div, - .program_page .plan-background .base-three > a { - width: 100%; - height: auto; - } -} -@media (max-width: 1023px) { - .program_page .program-curriculum .two-one .curriculum-offline, - .program_page .program-curriculum .two-one .curriculum-online { - max-width: 100%; - } - .program_page .program-curriculum .two-one .curriculum-online { - margin-top: 10%; - } -} -@media (max-width: 480px) { - .program_page .program-curriculum .two-one > div > ul > li { - padding: 10px; - } -} -.program_page .lecture-method > h2 { - margin-bottom: 60px; -} -.program_page .lecture-method .new-container { - width: 60%; -} -.program_page .lecture-method .msg-box { - margin-bottom: 80px; -} -@media (max-width: 1100px) { - .program_page .lecture-method .new-container { - width: 75%; - } -} -@media (max-width: 480px) { - .program_page .lecture-method .new-container { - width: 95%; - } -} -.program_page .target-student { - padding-top: 0px; -} -.program_page .target-student h2 { - margin-bottom: 60px; -} -.program_page .target-student .new-container > p { - font-size: 24px; - text-align: center; - color: #000; -} -.program_page .target-student .new-container ul { - margin-top: 20px; - margin-bottom: 20px; -} -.program_page .target-student .new-container ul li { - max-width: 400px; - text-align: left; - flex-grow: 3; - padding: 3%; - background-color: #91aab4; - color: #fff; -} -.program_page .target-student .new-container ul li h4 { - font-size: 2rem; - color: #ffffff; - font-weight: bold; -} -.program_page .target-student .new-container ul li.plus-symbol { - background-color: #fff; - font-size: 100px; - color: #90aab4; - flex-grow: 1; - width: 1%; - text-align: center; - min-width: 70px; - padding: 0; -} -.program_page .target-student .new-container ul li:not(.plus-symbol) { - box-shadow: 2px 2px 10px -4px rgba(0, 0, 0, 0.4); -} -@media (max-width: 1100px) { - .program_page .target-student .level-wrap li { - margin-right: 1%; - margin-bottom: 1%; - } - .program_page .target-student .level-wrap li.last-child { - margin-right: 0; - } - .program_page .target-student .level-wrap li.plus-symbol { - display: none; - } -} -@media (max-width: 980px) { - .program_page .target-student .new-container > p { - font-size: 24px; - line-height: 1.2; - } - .program_page .target-student ul.level-wrap li h4 { - font-size: 24px; - } -} -@media (max-width: 480px) { - .program_page .target-student .new-container > p { - font-size: 18px; - line-height: 1.2; - } - .program_page .target-student ul.level-wrap li h4 { - font-size: 18px; - } -} -@media (max-width: 810px) { - .program_page .target-student .new-container ul li { - max-width: 100%; - } -} -.program_page .program-recommendation { - background-repeat: no-repeat; - background-attachment: scroll; - background-position: center 72%; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - -o-background-size: cover; - text-align: center; - color: white; - position: relative; - height: auto; - opacity: 1; - padding-top: 35px; - font-size: 18px; -} -.program_page .program-recommendation:after { - content: ""; - background-color: #090a0b; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - -o-background-size: cover; - opacity: 0.75; - top: 0; - left: 0; - bottom: 0; - right: 0; - position: absolute; -} -.program_page .program-recommendation > div.new-container { - position: relative; - z-index: 2; - max-width: 1500px; -} -.program_page .program-recommendation > div.new-container h2 { - margin-bottom: 40px; -} -.program_page .program-recommendation > div.new-container .sub-desc { - font-size: 24px; - line-height: 1.5; -} -.program_page .program-recommendation > div.new-container .recomm-word-wrap > .recomm-word-row { - height: auto; -} -.program_page .program-recommendation > div.new-container .recomm-word-wrap > .recomm-word-row > div { - padding: 1.2em; - line-height: 1.8em; - text-align: left; -} -.program_page .program-recommendation > div.new-container .recomm-word-wrap > .recomm-word-row > div:hover { - background-color: transparent; -} -.program_page .program-recommendation > div.new-container .recomm-word-wrap > .recomm-word-row > div .feedback-summary { - font-size: 18px; - font-weight: 800; - margin-bottom: 30px; -} -.program_page .program-recommendation > div.new-container .recomm-word-wrap > .recomm-word-row > div > div:last-child { - margin-top: 20px; - margin-bottom: 20px; -} -.program_page .program-recommendation .videoWrapper { - position: relative; - padding-bottom: 56.25%; - padding-top: 25px; - height: 0; -} -.program_page .program-recommendation .videoWrapper iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -@media (max-width: 1350px) { - .program_page .program-recommendation.multiple-cardui-wrap { - height: auto; - } - .program_page .program-recommendation.multiple-cardui-wrap div.new-container .recomm-word-wrap { - margin-top: 35px; - } - .program_page .program-recommendation.multiple-cardui-wrap div.new-container .recomm-word-wrap > div { - height: auto; - } - .program_page .program-recommendation.multiple-cardui-wrap div.new-container .recomm-word-wrap > div > div:not(:last-child) { - border-bottom: 1px solid #4d555c; - width: 100%; - margin: 0px auto; - margin-bottom: 40px; - } -} -@media (max-width: 480px) { - .program_page .program-recommendation { - height: 1500px; - } - .program_page .program-recommendation > div.new-container .recomm-word-wrap { - margin-top: 0px; - } - .program_page .program-recommendation > div.new-container .recomm-word-wrap > div > div { - padding: 0; - } - .program_page .program-recommendation > div.new-container .recomm-word-wrap > div > div > div { - padding: 0; - } -} -.program_page .tutor-message .tutor-introduction { - margin-bottom: 2rem; -} -.program_page .tutor-message .one-two { - display: flex; - flex-flow: row wrap; - justify-content: flex-start; -} -.program_page .tutor-message .one-two > div { - height: 300px; -} -.program_page .tutor-message .one-two > div:nth-child(1) { - text-align: center; - font-weight: 200; - flex-grow: 1; - max-width: 33%; -} -.program_page .tutor-message .one-two > div:nth-child(1) img { - width: 66%; - max-width: 300px; - border-radius: 50%; -} -.program_page .tutor-message .one-two > div:nth-child(2) { - margin-left: 10px; - flex-grow: 2; - max-width: 56%; - height: auto; -} -@media (max-width: 1100px) { - .program_page .tutor-message .one-two { - display: block; - } - .program_page .tutor-message .one-two > div:nth-child(1) { - float: left; - height: auto; - } - .program_page .tutor-message .one-two > div:nth-child(2) { - max-width: 100%; - } - .program_page .tutor-message .one-two > div:nth-child(2) p { - transform: translateY(0%); - } -} -.program_page .program-payinfo { - margin-bottom: 140px; -} -.program_page .program-payinfo .program-title-content { - margin-bottom: 60px; -} -.program_page .program-payinfo .one-two { - display: flex; - flex-flow: row wrap; - justify-content: flex-start; -} -.program_page .program-payinfo .one-two > div { - height: 300px; -} -.program_page .program-payinfo .one-two .pay-info { - font-weight: 200; - flex-grow: 1; - max-width: 33%; - background-color: #ccdbd7; -} -.program_page .program-payinfo .one-two .pay-info span { - font-size: 40px; - font-weight: bold; -} -.program_page .program-payinfo .one-two .pay-desc { - margin-left: 10px; - flex-grow: 2; - max-width: 66%; - background-color: #dee1d5; - position: relative; -} -.program_page .program-payinfo .one-two .pay-desc ul { - margin-left: 20px; - padding: 20px; - text-align: left; -} -.program_page .program-payinfo .one-two .pay-desc ul li { - list-style: unset; - margin-bottom: 5px; -} -.program_page .program-payinfo .one-two .pay-desc > a { - position: absolute; - bottom: 5%; - right: 5%; - font-size: 24px; -} -@media (max-width: 886px) { - .program_page .program-payinfo .one-two .pay-info { - max-width: 100%; - height: 150px; - } - .program_page .program-payinfo .one-two .pay-desc { - max-width: 100%; - margin-left: 0; - margin-top: 2%; - height: auto; - } -} -@media (max-width: 480px) { - .program_page .program-payinfo .one-two .pay-info span { - font-size: 32px !important; - } - .program_page .program-payinfo .one-two .pay-desc { - height: 420px; - } - .program_page .program-payinfo .one-two .pay-desc > a { - position: relative; - top: 15px; - left: 0; - } -} - -.specialTddJava header { - background-image: url('../img/special/tdd_pobi.jpg'); -} -.specialTddSwiftPage header { - background-image: url('../img/masters/jk_lecture.jpg'); - background-position: center 50%; -} -.specialTddSwiftPage .basic-info .base-two > div:nth-child(1) { - background-image: url(/img/special/tdd_swift/swiftbanner.jpg); -} -.special-masteringjs header { - background-image: url('../img/special/masteringjs_banner.jpg'); - background-position: center 50%; -} -.special-masteringjs .basic-info .base-two > div:nth-child(1) { - background-image: url(/img/special/masteringjs/masteringjsbanner.jpg); -} -.special-react .base-section-height, -.special-aws-basic .base-section-height { - margin: 150px 0px; -} -.special-react header, -.special-aws-basic header { - background-image: url('../img/special/react/header.jpg'); - background-position: center 50%; - height: 600px; -} -.special-react header:after, -.special-aws-basic header:after { - background-color: #171819; -} -.special-react header .intro-text, -.special-aws-basic header .intro-text { - text-align: center; - width: 100%; - left: 0%; -} -.special-react header .intro-text .intro-heading, -.special-aws-basic header .intro-text .intro-heading { - font-size: 4em; - color: #61dafb; - letter-spacing: 0.06em; - width: 100%; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - line-height: 1em; -} -.special-react header .intro-text .intro-heading .reg-button, -.special-aws-basic header .intro-text .intro-heading .reg-button { - margin-top: 2rem; -} -.special-react .basic-info .base-two > div:nth-child(1), -.special-aws-basic .basic-info .base-two > div:nth-child(1) { - background-image: url(/img/special/masteringjs/masteringjsbanner.jpg); -} -.special-react .program-title-content, -.special-aws-basic .program-title-content { - font-size: 40px; -} -.special-react .program-title-content i, -.special-aws-basic .program-title-content i { - color: #008ec7; -} -.special-react .plan-background .base-three > div, -.special-aws-basic .plan-background .base-three > div { - background-color: #282c34; -} -.special-react .plan-background .base-three > div .why-desc, -.special-aws-basic .plan-background .base-three > div .why-desc { - font-size: 0.9em; -} -.special-react .program-curriculum .curriculum-wrap table tr, -.special-aws-basic .program-curriculum .curriculum-wrap table tr { - background: #282c34; - color: #fff; -} -.special-react .hooking-msg-highlight, -.special-aws-basic .hooking-msg-highlight { - background: #282c34; -} -.special-react .programming-schedule .schedule-desc, -.special-aws-basic .programming-schedule .schedule-desc { - text-align: center; -} -.special-react .reg-wrap, -.special-aws-basic .reg-wrap { - margin-top: 2em; - display: flex; - justify-content: center; - align-items: center; -} -.special-react .regbtn, -.special-aws-basic .regbtn { - margin: 6rem auto; - display: block; - width: 250px; - height: 70px; - background-color: #09a8d4; - font-weight: bold; - color: #212c43; - font-size: 1.2em; - border-radius: 5px; - padding: 0.5em; -} -.special-react .regbtn:hover, -.special-aws-basic .regbtn:hover { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -} -.special-react .regbtn a, -.special-aws-basic .regbtn a { - color: #fff; -} -.curriculum-wrap h4 { - text-transform: initial; -} -.program_page .tutor-message .one-two { - flex-flow: row; -} -.special-aws-basic .base-section-height { - margin: 150px 0px; -} -.special-aws-basic .base-section-height .base-three > div { - height: 462px; -} -.special-aws-basic .base-section-height .base-three i { - font-size: 2em; - margin-bottom: 0.5em; -} -.special-aws-basic .base-section-height .program-title-content i { - color: #caac0f; -} -.special-aws-basic header { - background-image: url('../img/special/aws-basic/header.jpg'); - height: 800px; -} -.special-aws-basic .plan-background .base-three > div, -.special-aws-basic .program-curriculum .curriculum-wrap table tr, -.special-aws-basic .hooking-msg-highlight { - background-color: #222C42; -} -.special-aws-basic .program-question .program-title-content { - margin-bottom: 20px; -} -.special-aws-basic .program-question p.mini-title { - font-weight: bold; - margin-bottom: 25px; -} -.special-aws-basic .program-question ul { - width: 80%; - max-width: 700px; - margin: 0px auto; - text-align: left; - padding: 2em; - background: #202c44; - color: #fff; -} -.special-aws-basic .program-question ul > li { - list-style: square; -} -.special-aws-basic .sub-description { - margin-top: 50px; -} -.special-aws-basic a.regbtn { - text-align: center; - height: 58px; -} -@media screen and (max-width: 660px) { - .special-aws-basic .program-question ul { - width: 100%; - } - .special-aws-basic a.regbtn { - height: 54px; - } -} -@keyframes typing { - from { - width: 0; - } - to { - width: 17ch; - } -} -@keyframes caret { - 0% { - border-color: #fff; - } - 50% { - border-color: transparent; - } - 100% { - border-color: #fff; - padding-right: 0em; - } -} -.text-animation { - margin: 0px auto; - max-width: 256px; - overflow: hidden; - height: auto; - white-space: nowrap; - border-right: 2px solid black; - animation: typing 2s steps(17, end), caret 1.2s step-end infinite; -} -@media screen and (max-width: 660px) { - .text-animation { - max-width: 240px; - } -} - -.center-emphasis { - font-size: 1.4em; - text-decoration: underline; -} -.row .rect-row { - display: flex; - justify-content: center; -} -.main-section .course-answer.center-text { - text-align: center; -} -.ios { - background-color: #40e0d0; -} -.cs { - background-color: #8bc34a; -} -.webfe { - background-color: #ff7f50; -} -.android { - background-color: #77c159; -} -.backend { - background-color: #555; -} -.video-responsive { - overflow: hidden; - padding-bottom: 56.25%; - position: relative; - height: 0; -} -.video-responsive iframe { - left: 0; - top: 0; - height: 100%; - width: 100%; - position: absolute; -} -#masters_page h2 { - font-size: 32px; -} -#masters_page header { - background-image: url('../img/masters/masters_main-min.v2.jpg'); -} -#masters_page header p.premsg { - font-size: 4rem; - max-width: 1440px; - margin: 0px 10rem; -} -#masters_page header p.premsg .highlight { - font-size: 2.5rem; - padding: 1.5rem; - margin-top: 1rem; - display: block; -} -#masters_page header .application-card { - display: flex; - flex-flow: row wrap; - justify-content: space-around; - z-index: 1; - padding: 10rem 0; - max-width: 1440px; - margin: 0px auto; -} -#masters_page header .application-card a.btn-xl { - min-width: 80px; - max-width: 300px; - flex-grow: 1; - position: relative; - height: 120px; - padding-top: 25px; - box-shadow: 8px 10px 17px 3px rgba(0, 0, 0, 0.4); - font-size: 2rem; - z-index: 1; -} -#masters_page .schedule-newstyle .curriculum-wrap table tr { - background: #008ec7; - color: #fff; -} -#masters_page #about-masters { - margin-bottom: 0px; -} -#masters_page #about-masters img { - width: 35%; -} -#masters_page #masters-class p { - font-size: 1.2em; -} -#masters_page #masters-class h4 { - text-transform: none; -} -#masters_page #masters-level p { - font-size: 1.2em; -} -#masters_page #masters-level .step23-process-image { - background-image: url("../img/masters/step23process.jpg"); - background-repeat: no-repeat; - background-size: contain; - background-position: center; - height: 40vh; - margin: 10rem auto; -} -#masters_page #overview { - float: none; -} -#masters_page #overview .section-heading { - margin-bottom: 140px; -} -#masters_page #overview .course-kind span.level-desc { - font-size: 0.7em; - text-align: center; -} -#masters_page #overview .course-kind button { - width: 100%; -} -#masters_page #overview .course-kind img { - width: 160px; - height: 250px; - max-height: 235px; - max-width: 160px; -} -#masters_page #overview .course-kind .course-name-summary { - text-align: center; -} -#masters_page #overview .course-kind.course-level div:first-child img { - width: 225px; - max-height: 235px; - max-width: 250px; -} -#masters_page #overview .course-kind { - overflow: auto; - max-width: 2400px; - margin: 40px auto 60px; - padding: 0% 4%; -} -#masters_page #overview .course-kind button { - width: 200px; - height: 100px; - border: 0; -} -#masters_page #overview .course-kind .multiple-icon { - text-align: center; - font-size: 3em; - color: #adadb1; - line-height: 160px; -} -#masters_page #join-program { - background: #008ec7; - box-sizing: content-box; - height: 400px; - display: flex; - align-items: center; - color: #fff; -} -#masters_page #join-program .new-container h2, -#masters_page #join-program .new-container div, -#masters_page #join-program .new-container p, -#masters_page #join-program .new-container a { - margin: 40px auto; - text-align: center; -} -#masters_page #join-program .new-container h2 { - line-height: 40px; -} -#masters_page #join-program .new-container a { - cursor: pointer; - color: #798ca0; -} -#masters_page #join-program .new-container p { - font-size: 32px; - font-weight: bold; -} -#masters_page #join-program .new-container p.masters_date { - color: #e2d235; -} -#masters_page #masters-oneday div.table-responsive { - margin-top: 60px; -} -#masters_page #masters-oneday table { - margin: 0px auto; - max-width: 1400px; - font-size: 1.2em; -} -#masters_page #masters-oneday table th { - min-width: 200px; - padding: 40px; -} -#masters_page #masters-oneday table td { - min-width: 300px; - padding: 40px; -} -#masters_page #master-introduce { - overflow: auto; -} -#masters_page #master-introduce .course-master-profile { - margin-top: 100px; -} -#masters_page #master-introduce .course-master-profile .row { - margin-bottom: 6em; -} -#masters_page #master-introduce .course-master-profile .team-member img { - max-width: 240px; - border: 5px solid #afafaf; -} -#masters_page #master-introduce .recomm-people img, -#masters_page #master-introduce .team-member img { - margin: 0 auto; - border: 7px solid #fff; -} -#masters_page #master-introduce .img-circle { - border-radius: 50%; -} -#masters_page #masters-schedule .new-container { - position: relative; -} -#masters_page #masters-schedule .new-container .RotatedAxis_preview { - text-align: center; - font-size: 3em; - color: #b0c2cf; -} -#masters_page #masters-schedule #RotatedAxis { - margin-top: 40px; -} -#masters_page #masters-schedule svg tspan { - font-size: 1.4em; - font-weight: bold; -} -#masters_page #masters-schedule svg .bb-axis-x tspan { - font-size: 1.2em; -} -#masters_page #sponsored .sponsored-company { - position: relative; - top: 20px; -} -#masters_page #sponsored img { - max-width: 300px; - width: 100%; -} -@media (max-width: 1120px) { - #masters_page header .application-card { - width: 100%; - } - #masters_page #overview .course-kind.course-level img { - width: 130px; - height: 191px; - max-width: 130px; - } - #masters_page #overview .course-kind.course-level .glyphicon-arrow-right { - position: relative; - left: -12px; - font-size: 35px; - } - #masters_page #overview .course-kind.course-level div:first-child img { - width: 166px; - max-width: 166px; - } -} -@media (max-width: 1070px) { - #masters_page .course-kind div { - margin-bottom: 3%; - } - #masters_page #masters-oneday table th { - min-width: 100px; - padding: 15px 10px; - } - #masters_page #masters-oneday table td { - min-width: 100px; - padding: 15px 10px; - } -} -@media (max-width: 1023px) { - #masters_page header .application-card { - padding-left: 10px; - padding-right: 10px; - } - #masters_page header .application-card a.btn-xl { - max-width: 200px; - margin: .5rem; - font-size: 1.9rem; - } - #masters_page #join-program .new-container p { - font-size: 24px; - } -} -@media (max-width: 864px) { - #masters_page header { - height: 600px; - } - #masters_page header p.premsg { - font-size: 2.5rem; - margin: 0 3rem; - } - #masters_page header .application-card a.btn-xl { - font-size: 1.2rem; - padding: 1.5em; - height: 75px; - } - #masters_page header .intro-text { - top: 1rem; - } - #masters_page #about-masters img { - width: 40%; - } - #masters_page #masters-oneday table th { - padding: 8px 2px; - font-size: 0.8em; - } - #masters_page #masters-oneday table td { - padding: 8px 2px; - display: block; - font-size: 0.8em; - } -} -@media (max-width: 620px) { - #masters_page header .application-card a.btn-xl { - font-size: 1.2rem; - height: 65px; - margin: .5rem; - padding: 10px 0px; - } - #masters_page #masters-feature li { - margin-top: 80px; - } - #masters_page #join-program { - height: auto; - } - #masters_page #join-program h2, - #masters_page #join-program .new-container p { - font-size: 18px; - } -} -@media (max-width: 480px) { - #masters_page header .intro-text { - top: 1rem; - } - #masters_page header .application-card { - padding-top: 2rem; - padding-left: 4px; - padding-right: 4px; - } - #masters_page header .application-card a.btn-xl { - font-size: 1.1rem; - max-width: 120px; - min-width: 120px; - height: 5rem; - } - #masters_page header p.premsg { - font-size: 1.5rem; - } - #masters_page header p.premsg .highlight { - font-size: 1.2rem; - padding: 0.5rem; - } -} -#masters-faq .section-heading { - margin-bottom: 100px; -} -#masters-faq .faq-desc-wrap { - font-size: 1.2em; - border-bottom: 1px solid #f1f1f1; - padding: 10px 10px; -} -#masters-faq .faq-desc-wrap:hover { - background-color: #f5f5f5; -} -#masters-faq .faq-desc-wrap > div { - line-height: 1.45; -} -#masters-faq .faq-desc-wrap > div .text-bold { - font-size: 1.4em; -} -#masters-faq .faq-desc-wrap .question { - cursor: pointer; - padding: 0.3em; -} -#masters-faq .faq-desc-wrap .answer { - font-weight: 600; - max-height: 500px; - padding-left: 20px; - transition: max-height 0.7s; - overflow: hidden; -} -#masters-faq .faq-desc-wrap:nth-child(2n+1) { - background-color: #e6e6e6; -} -#masters-faq .faq-desc-wrap + .faq-desc-wrap { - margin-top: 3rem; -} - -.masters_program header { - background-image: url('../img/masters/fe_title.jpg'); -} -.masters_program header .intro-text .intro-heading .btn a { - color: #fff; -} -.masters_program .basic-info .base-two > div:nth-child(1) { - padding-left: 7%; -} -.masters_program .basic-info .base-two > div:nth-child(1) .team-member { - background-image: url(/img/team/yo.jpg); - flex-grow: 1; - background-repeat: no-repeat; - background-size: 100%; - width: 100%; - height: auto; - border-radius: 50%; - width: 160px; - height: 160px; - margin-right: 2%; - font-size: 0.9em; - margin-top: 20px; -} -.masters_program .basic-info .base-two > div:nth-child(1) .team-member .member-content { - display: flex; - flex-flow: column; - justify-content: center; - height: inherit; - color: #fff; - opacity: 0; - border-radius: 50%; - font-weight: bold; - transition: 0.1s all; -} -.masters_program .program-curriculum .two-one { - display: block; -} -.masters_program .program-curriculum .two-one .curriculum-offline { - max-width: 100%; -} -.masters_program .program-curriculum .two-one .curriculum-week > li { - padding: 40px; -} -.masters_program .program-recommendation { - background-image: none; - background-color: #090a0b; -} -.masters_program .problem-info a { - text-decoration: underline; - font-size: 24px; -} -.masters_program .problem-info .meet_codesquad { - margin: 20px 0px; - font-size: 24px; -} -@media (max-width: 480px) { - .masters_program .program-payinfo .one-two .pay-desc { - height: 300px; - } - .masters_program .program-payinfo .one-two .pay-desc a { - font-size: 18px; - } -} -#masters_level1 header { - background-image: url('../img/masters/level1.jpg'); -} -#masters_level1 header:after { - background-color: #443d47; -} -#masters_level1 .basic-info .base-two > div:nth-child(1) { - background-image: url(/img/masters/level1_banner.jpg); -} -#masters_level1 a { - text-decoration: underline; -} -#masters_fe header { - background-image: url('../img/masters/crong_lecture.jpg'); -} -#masters_fe header:after { - background-color: #443d47; -} -#masters_fe .basic-info .base-two > div:nth-child(1) { - background-image: url(/img/masters/fe_banner.jpg); -} -#masters_be header { - background-image: url('../img/masters/backend_title.jpg'); - background-position: center 45%; - height: 500px; -} -#masters_be header:after { - background-color: #5a686e; -} -#masters_be .basic-info .base-two > div:nth-child(1) { - background-image: url(/img/masters/be_banner.jpg); -} -#masters_ios header { - background-image: url('../img/masters/jk_lecture.jpg'); - background-position: center 80%; - height: 500px; -} -#masters_ios header:after { - background-color: #9cafb8; -} -#masters_ios .basic-info .base-two > div:nth-child(1) { - background-image: url(/img/masters/ios_banner.jpg); -} -#masters-curriculums .plan-background .base-three > a { - height: 130px; - padding: 10px; - background-color: #fdfdfd; -} -#masters-curriculums .plan-background .base-three > a > div { - color: #fff; - position: relative; - top: 25px; -} -#masters-curriculums .plan-background .base-three > a h4 { - margin: 0px; -} -#masters-curriculums .plan-background .base-three > a h4 > i { - margin-bottom: 10px; -} -#masters-curriculums .plan-background .base-three > a[href*="mobile"] { - background-color: #ff6f00; -} -#masters-curriculums .plan-background .base-three > a[href*="backend"] { - background-color: #2f6089; -} -#masters-curriculums .plan-background .base-three > a[href*="frontend"] { - background-color: #288282; -} -#masters-curriculums .program-curriculum .curriculum-wrap table tr { - border: 2px solid #fff; - color: #fff; -} -#masters-curriculums .program-curriculum.mobile-curriculum .curriculum-wrap table tr { - background: #ff6f00; -} -#masters-curriculums .program-curriculum.backend-curriculum .curriculum-wrap table tr { - background: #2f6089; -} -#masters-curriculums .program-curriculum.frontend-curriculum .curriculum-wrap table tr { - background: #288282; -} -#masters-curriculums .program-curriculum h2 { - text-transform: initial; -} -#masters-curriculum.multiple-cardui-wrap .recomm-word-wrap div.recomm-word-row { - justify-content: space-around; - height: auto; -} -#masters-curriculum.multiple-cardui-wrap .recomm-word-wrap div.recomm-word-row > div { - position: relative; - width: 20%; - display: block; - padding: 0px; - max-width: 200px; - max-height: 200px; - padding: 4rem 2rem; - border: 1px solid gray; - width: 18%; - margin-right: 0.5%; -} -#masters-curriculum.multiple-cardui-wrap .recomm-word-wrap div.recomm-word-row > div:hover { - background-color: #fff !important; -} -#masters-curriculum.multiple-cardui-wrap .recomm-word-wrap div.recomm-word-row > div .step { - width: 0; - height: 0; - border-style: solid; - border-width: 60px 60px 0 0; - border-color: #23526B transparent transparent transparent; - margin: -4rem -2rem; -} -#masters-curriculum.multiple-cardui-wrap .recomm-word-wrap div.recomm-word-row > div .step .stepNumber { - position: absolute; - top: 0; - left: 1rem; - color: #fff; -} -#masters-curriculum.multiple-cardui-wrap .recomm-word-wrap div.recomm-word-row > div p { - position: relative; - top: 50%; - transform: translateY(-50%); - padding-top: 4rem; -} -#masters-curriculum.multiple-cardui-wrap .recomm-word-row + .recomm-word-row { - margin-top: 4rem; -} -@media (max-width: 768px) { - #masters-curriculum.multiple-cardui-wrap .recomm-word-wrap { - margin-top: 50px; - } - #masters-curriculum.multiple-cardui-wrap .recomm-word-wrap > div.recomm-word-row { - display: flex; - } - #masters-curriculum.multiple-cardui-wrap .recomm-word-wrap > div.recomm-word-row > div { - padding: 2.5rem 1rem; - margin-bottom: 1rem; - margin-right: .2%; - width: 19%; - } - #masters-curriculum.multiple-cardui-wrap .recomm-word-wrap > div.recomm-word-row > div .step { - display: none; - } - #masters-curriculum.multiple-cardui-wrap .recomm-word-wrap > div.recomm-word-row > div p { - font-size: 1rem; - padding-top: 0; - } - #masters-curriculum.multiple-cardui-wrap .recomm-word-wrap > div.recomm-word-row > div.single { - max-width: 100px; - } - #masters-curriculum.multiple-cardui-wrap .recomm-word-row + .recomm-word-row { - margin-top: 1rem; - } -} - -#program-registration .registration-guide { - margin-top: 100px; -} -#program-registration .registration-guide .new-container { - width: 80%; -} -#program-registration .registration-guide .msg-box { - text-align: center; -} -#program-registration .registration-guide .msg-box h2 { - margin-bottom: 20px; -} -#program-registration .registration-guide .msg-box .sub-desc { - font-size: 18px; - margin-bottom: 70px; -} -#program-registration .registration-guide .msg-box .iframe-wrap { - position: relative; - height: 2600px; -} -#program-registration .registration-guide .msg-box .iframe-wrap .pre-msg { - width: 50%; - left: 25%; - height: 300px; - position: absolute; - top: 50px; - z-index: -2; - font-size: 1.5em; - font-weight: bold; - color: #af8f8f; -} -#program-registration .registration-guide .msg-box .iframe-wrap iframe { - width: 100%; -} -@media (max-width: 480px) { - #program-registration .registration-guide .new-container { - width: 95%; - } -} diff --git a/data/privacy.htm b/data/privacy.htm deleted file mode 100644 index 3577f7ac6..000000000 --- a/data/privacy.htm +++ /dev/null @@ -1 +0,0 @@ -

[개인정보 수집이용 목적]


회사의 개인정보 수집 목적은 교육 서비스를 제공하기 위함이며, 회사는 서비스 제공을 원활하게 하기 위해 필요한 최소한의 정보만을 수집하고 있습니다.

서비스 이용에 따른 대금결제, 환불 등에 필요한 정보를 추가로 수집할 수 있습니다.

회사는 개인정보를 수집, 이용목적 이외에 다른 용도로 이용하거나 회원의 동의 없이 제3자에게 이를 제공하지 않습니다.



[개인정보 수집항목]


회사는 교육 프로그램 신청 및 제공 등을 위해 다음과 같은 개인정보를 수집하고 있습니다. 회사는 개인의 주민등록번호 및 아이핀 정보를 받지 않습니다.

가. 개인정보 항목

회원 필수항목: 신청자 이름, 연락처, 전자우편주소, 페이스북 ID 및 페이스북에서 제공하는 정보, 카카오톡 ID 및 카카오톡에서 제공하는 정보

부가항목: 환불요청 시 환불계좌번호

다만, 서비스 이용과정에서 서비스 이용기록, 접속 로그, 접속 IP 정보, 결제기록 등이 생성되어 수집될 수 있습니다.


나. 수집방법: 프로그램 신청시 회원가입 정보 및 고객센터를 통한 전화 및 온라인 상담



[개인정보 보유 및 이용기간]


회사는 원칙적으로 개인정보 수집 및 이용목적이 달성된 후에는 해당 개인정보를 지체 없이 파기합니다.

단, 관계법령의 규정에 의하여 보존할 필요가 있는 경우 회사는 아래와 같이 관계법령에서 정한 일정한 기간 동안 회원 개인정보를 보관합니다.


가. 상법 등 법령에 따라 보존할 필요성이 있는 경우


① 계약 또는 청약철회 등에 관한 기록

보존근거: 전자상거래 등에서의 소비자보호에 관한 법률

보존기간: 5년


② 대금결제 및 재화 등의 공급에 관한 기록

보존근거: 전자상거래 등에서의 소비자보호에 관한 법률

보존기간: 5년


③ 소비자의 불만 또는 분쟁처리에 관한 기록

보존근거: 전자상거래 등에서의 소비자보호에 관한 법률

보존기간: 3년


④ 신용정보의 수집, 처리 및 이용 등에 관한 기록

보존근거: 신용정보의 이용 및 보호에 관한 법률

보존기간: 3년



⑤ 본인확인에 관한 기록보존

보존근거: 정보통신망 이용촉진 및 정보보호에 관한 법률 제44조의5 및 시행령 제29조

보존기간: 6개월


나. 기타, 회원의 개별적인 동의가 있는 경우에는 개별 동의에 따른 기간까지 보관합니다.



[개인정보 제3자 제공]


가. 회사는 회원들의 개인정보를 개인정보의 수집이용 목적에서 고지한 범위 내에서 사용하며, 회원의 사전 동의 없이 동 범위를 초과하여 이용하거나 원칙적으로 회원의 개인정보를 제 3자에게 제공하지 않습니다. 단, 아래의 경우에는 예외로 합니다.

① 회원들이 사전에 공개 또는 제3자 제공에 동의한 경우

② 법령의 규정에 의거하나, 수사, 조사 목적으로 법령에 정해진 절차와 방법에 따라 수사기관 및 감독 당국의 요구가 있는 경우



\ No newline at end of file diff --git a/data/term.htm b/data/term.htm deleted file mode 100644 index c46d16766..000000000 --- a/data/term.htm +++ /dev/null @@ -1 +0,0 @@ -

<코드스쿼드> 마스터즈 코스 프로그램은 아래 기준에 맞춰서 환불이 가능합니다.


수강료 반환 원인

수강료 반환 기준

코스 시작전까지

기 납부한 수강료 전액 환급

코스 진행 1/3 경과 전

수강료의 2/3 해당액 환급

코스 진행 1/2 경과 전

수강료의 1/2 해당액 환급

코스 진행 1/2 경과 후

환급하지 않음


보다 자세한 사항은 관리자 메일 yoda@codesquad.kr 주소로 문의바랍니다.​

코스 진행 이후 환불시 카드결제 수수료나 계좌이체 수수료에 대한 환불 수수료를 제외하고 환불해드립니다

\ No newline at end of file diff --git a/favicon.ico b/favicon.ico deleted file mode 100755 index 1125af8f3..000000000 Binary files a/favicon.ico and /dev/null differ diff --git a/gatsby-config.ts b/gatsby-config.ts new file mode 100644 index 000000000..1e9643acc --- /dev/null +++ b/gatsby-config.ts @@ -0,0 +1,66 @@ +import type { GatsbyConfig } from "gatsby"; +import path from "path"; + +const config: GatsbyConfig = { + siteMetadata: { + title: `homepage`, + siteUrl: `https://codesquad.kr`, + }, + plugins: [ + { + resolve: `gatsby-plugin-page-creator`, + options: { + path: `${__dirname}/src/pages`, + ignore: [`**/*.stories.tsx`], + }, + }, + { + resolve: "gatsby-plugin-root-import", + options: { + src: path.join(__dirname, "src"), + }, + }, + "gatsby-plugin-styled-components", + { + resolve: `gatsby-plugin-gtag`, + options: { + trackingId: `G-MEZ555L9B0`, + }, + }, + "gatsby-plugin-image", + "gatsby-plugin-react-helmet", + "gatsby-plugin-sitemap", + "gatsby-plugin-mdx", + "gatsby-plugin-sharp", + "gatsby-transformer-sharp", + { + resolve: "gatsby-source-filesystem", + options: { + name: "img", + path: "./src/assets/img/", + }, + }, + { + resolve: "gatsby-source-filesystem", + options: { + name: "pages", + path: "./src/pages/", + }, + }, + { + resolve: "gatsby-source-filesystem", + options: { + name: "content", + path: "./content", + }, + }, + { + resolve: "gatsby-plugin-manifest", + options: { + icon: "./src/assets/favicon/ms-icon-310x310.png", + }, + }, + ], +}; + +export default config; diff --git a/gatsby-node.ts b/gatsby-node.ts new file mode 100644 index 000000000..559a7aabc --- /dev/null +++ b/gatsby-node.ts @@ -0,0 +1,50 @@ +import path from "path"; +import { type GatsbyNode } from "gatsby"; + +const createPages: GatsbyNode["createPages"] = async ({ graphql, actions }) => { + const { createPage } = actions; + const { data } = await graphql<{ allMdx: any }>(` + query { + allMdx { + nodes { + frontmatter { + templateKey + path + } + } + } + } + `); + + if (!data) return; + + const pathArr = data.allMdx.nodes.filter(({ frontmatter }: { frontmatter: any }) => { + return frontmatter?.path?.match("code-together/course/"); + }); + + const onlyPathArr: string[] = pathArr.map(({ frontmatter }: { frontmatter: any }) => { + return frontmatter.path; + }); + + const slugList: string[] = [...new Set(onlyPathArr)]; + + const codeTogetherTemplate = path.resolve("src/template/codeTogetherTemplate.tsx"); + + slugList.forEach((slug: string) => { + const locationArr = slug.split("/"); + const courseName = locationArr[locationArr.length - 1]; + createPage({ + path: `/${slug}`, + component: codeTogetherTemplate, + context: { + masthead: `codeTogether_${courseName}_masthead`, + registration: `codeTogether_${courseName}_registrations`, + deatilCurriculum: `codeTogether_${courseName}_part*`, + timetable: `codeTogether_${courseName}_plan`, + graduateReview: `codeTogether_${courseName}_reviews`, + }, + }); + }); +}; + +export { createPages }; diff --git a/gulpfile.js b/gulpfile.js deleted file mode 100644 index b1b151ed0..000000000 --- a/gulpfile.js +++ /dev/null @@ -1,186 +0,0 @@ -var gulp = require('gulp'); -var less = require('gulp-less'); -//var sass = require('gulp-sass'); -var browserSync = require('browser-sync').create(); -var header = require('gulp-header'); -var cleanCSS = require('gulp-clean-css'); -var rename = require("gulp-rename"); -var uglify = require('gulp-uglify'); -var pkg = require('./package.json'); -var htmlmin = require('gulp-htmlmin'); -var cachebust = require('gulp-cache-bust'); -var concat = require('gulp-concat'); -var fileinclude = require('gulp-file-include'); -var clean = require('gulp-clean'); - -// Compile LESS files from /less into /css -gulp.task('less', function() { - return gulp.src(['less/common.less', 'less/index.less', - 'less/application.less', 'less/schedule.less', 'less/level.less', - 'less/sharedcto.less', - 'less/special/special.less', 'less/program_unit.less', 'less/special/special_item.less', - 'less/masters/master.less','less/masters/program_unit_masters_common.less', - 'less/registration-common.less']) - .pipe(less()) - .pipe(concat('merged.css')) - .pipe(header(banner, { pkg: pkg })) - .pipe(gulp.dest('css')) - .pipe(browserSync.reload({ - stream: true - })) -}); - -// Minify compiled CSS -gulp.task('minify-css', ['less'], function() { - return gulp.src('css/agency.css') - .pipe(cleanCSS({ compatibility: 'ie8' })) - .pipe(rename({ suffix: '.min' })) - .pipe(gulp.dest('css')) - .pipe(browserSync.reload({ - stream: true - })) -}); - -// Minify JS -gulp.task('minify-js', function() { - return gulp.src(['js_src/*.js']) - //.pipe(uglify()) - .pipe(header(banner, { pkg: pkg })) - .pipe(rename({ suffix: '.min' })) - .pipe(gulp.dest('js')) - .pipe(browserSync.reload({ - stream: true - })) -}); - -// HTML Process - -gulp.task('clean-html', function(){ - return gulp.src(['page/*.html', 'page/**/*.html','html_src/html_merged/*.html','html_src/html_merged/**/*.html', './index.html']) - .pipe(clean()); -}); - -gulp.task('htmlinclude-reg', ['clean-html'], function() { - return gulp.src(['html_src/reg/*.html']) - .pipe(fileinclude({ - prefix: '@@', - basepath: '@file' - })) - .pipe(gulp.dest('html_src/html_merged/reg/')); -}); - -gulp.task('htmlinclude-masters', ['htmlinclude-reg'], function() { - return gulp.src([ - 'html_src/masters/fe.html', 'html_src/masters/be.html','html_src/masters/ios.html', - 'html_src/masters/level1.html', 'html_src/masters/curriculum.html']) - .pipe(fileinclude({ - prefix: '@@', - basepath: '@file' - })) - .pipe(gulp.dest('html_src/html_merged/masters/')); -}); - -gulp.task('htmlinclude', ['htmlinclude-masters'], function() { - return gulp.src(['html_src/*.html','html_src/special/*.html']) - .pipe(fileinclude({ - prefix: '@@', - basepath: '@file' - })) - .pipe(gulp.dest('html_src/html_merged/')); -}); - -//goPage -gulp.task('minify-html-masters',['htmlinclude'], function() { - return gulp.src([ - 'html_src/html_merged/masters/fe.html','html_src/html_merged/masters/be.html','html_src/html_merged/masters/ios.html', - 'html_src/html_merged/masters/level1.html', 'html_src/html_merged/masters/curriculum.html']) - .pipe(cachebust({ - type: 'timestamp' - })) - .pipe(htmlmin({collapseWhitespace: true})) - .pipe(gulp.dest('page/masters')); -}) - -gulp.task('minify-html-reg',['minify-html-masters'], function() { - return gulp.src(['html_src/html_merged/reg/*.html']) - .pipe(cachebust({ - type: 'timestamp' - })) - .pipe(htmlmin({collapseWhitespace: true})) - .pipe(gulp.dest('page/reg')); -}) - -gulp.task('minify-html',['minify-html-reg'], function() { - return gulp.src(['html_src/html_merged/*.html']) - .pipe(cachebust({ - type: 'timestamp' - })) - .pipe(htmlmin({collapseWhitespace: true})) - .pipe(gulp.dest('page')); -}); - -gulp.task('move-index', ['minify-html'], function() { - return gulp.src('page/index.html') - .pipe(gulp.dest('./')); -}); - -// Configure the browserSync task -gulp.task('browserSync', function() { - browserSync.init({ - server: { - baseDir: '' - }, - }) -}) - -// Dev task with browserSync -gulp.task('dev', ['browserSync', 'minify-css', 'minify-js', 'move-index'], function() { - gulp.watch('less/*.less', ['less']); - gulp.watch('less/*/*.less', ['less']); - gulp.watch('css/*.css', ['minify-css']); - gulp.watch('js_src/*.js', ['minify-js']); - gulp.watch('html_src/*.html', ['move-index']); - gulp.watch('html_src/common/*.html', ['move-index']); - gulp.watch('html_src/common/masters/*.html', ['move-index']); - gulp.watch('html_src/reg/*.html', ['move-index']); - gulp.watch('html_src/masters/*.html', ['move-index']); - gulp.watch('html_src/special/*.html', ['move-index']); - // Reloads the browser whenever HTML or JS files change - // gulp.watch('page/*.html', browserSync.reload); - // gulp.watch('css/*.css', browserSync.reload); - // gulp.watch('js/*.js', browserSync.reload); -}); - -// Run everything -//gulp.task('default', ['less', 'minify-css', 'minify-js', 'htmlinclude', 'minify-html'); -gulp.task('default', ['minify-css', 'minify-js', 'move-index']); - - - -// Set the banner content -var banner = ['/*!\n', - ' * Start Bootstrap - <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n', - ' * Copyright 2013-' + (new Date()).getFullYear(), ' <%= pkg.author %>\n', - ' * Licensed under <%= pkg.license.type %> (<%= pkg.license.url %>)\n', - ' */\n', - '' -].join(''); - -// Copy libs libraries from /node_modules into /libs -gulp.task('copy', function() { - gulp.src(['node_modules/bootstrap/dist/**/*', '!**/npm.js', '!**/bootstrap-theme.*', '!**/*.map']) - .pipe(gulp.dest('libs/bootstrap')) - - gulp.src(['node_modules/jquery/dist/jquery.js', 'node_modules/jquery/dist/jquery.min.js']) - .pipe(gulp.dest('libs/jquery')) - - gulp.src([ - 'node_modules/font-awesome/**', - '!node_modules/font-awesome/**/*.map', - '!node_modules/font-awesome/.npmignore', - '!node_modules/font-awesome/*.txt', - '!node_modules/font-awesome/*.md', - '!node_modules/font-awesome/*.json' - ]) - .pipe(gulp.dest('libs/font-awesome')) -}) diff --git a/html_src/application_backup/application_blue_201703.html b/html_src/application_backup/application_blue_201703.html deleted file mode 100644 index e146b9025..000000000 --- a/html_src/application_backup/application_blue_201703.html +++ /dev/null @@ -1,200 +0,0 @@ - - - - - 코드스쿼드 | 소프트웨어 개발 교육 및 기술 컨설팅 | CodeSquad - - - - - - - - CodeSquad - - - - - - - - - - - - - - -
-
- -
-

codesquad
masters course 모집

-

3-5월,12주과정을 지금 모집중입니다
블루레벨은 개발자로 취업을 목표로 합니다 :-)

-
-
- -
- - -
-
-
- -

모집분야

-

마스터즈코스 - 블루레벨
- 자세한 과정설명 -

- -

모집일정개요

-

- 신청 및 레벨테스트 제출 -> 레벨테스트 결과통보 -> 결제 -

- -

모집일정날짜

-

신청 및 레벨테스트 제출기간 : 2월13일 ~ 3월1일 까지
- 레벨테스트 결과통보 : 3월 3일 13시 개별통보
- 결제마감 : 3월 9일 23시 까지 -

- -

신청 및 레벨테스트

-

- 신청은 여기서 할 수 있습니다.
- 신청시 레벨테스트 2개를 풀이한 github url을 같이 제출해야 신청이 가능합니다
- 레벨테스트는 여기서 확인하세요 -

- -

모집정원

-

iOS 12명, Web FrontEnd 12명 - - - -

- -
-

과정일정

-

총 12주 (2017년 3월 13일 - 5월 31일)
- 월~금 (10시~18시)
- (4주~12주 기간내 화요일은 팀 자율 활동) -

- -

금액

- 260만원(부가세포함) (정가 300만원)
-

- -

결제방식

-

현금 또는 카드결제
- 자세한 결제 방식은 3월3일 합격자에게 개별 안내

- -

노트북 유상 임대

-

필요한 분들께 맥북프로 12주동안 15만원에 대여

- -

문의

-

카카오톡 친구추가 : ‘코드스쿼드’
- 이메일 : yoda@codesquad.kr -

- -

교육장소

-

판교 스타트업 캠퍼스
(경기도 성남시 분당구 판교로 289번길 스타트업캠퍼스)
지도보기

- - -
-
-
- - - - - - - - - - - - - - - \ No newline at end of file diff --git a/html_src/application_backup/application_end.html b/html_src/application_backup/application_end.html deleted file mode 100644 index af326a0fe..000000000 --- a/html_src/application_backup/application_end.html +++ /dev/null @@ -1,185 +0,0 @@ - - - - - 코드스쿼드 | 소프트웨어 개발 교육 및 기술 컨설팅 | CodeSquad - - - - - - CodeSquad - - - - - - - - - - - - - - -
-
- -
-

codesquad
masters course 모집

-

2017년 1-2월, 8주과정 모집이 종료 됐습니다

-
-
- -
- - -
-
-

현재 모집 중인 과정이 없습니다.
2017년 3월에 블루레벨이 열릴 예정이며, 1월말에 모집 공지가 나올 예정입니다.

- -
- -

모집분야

-

마스터즈코스 - 화이트레벨
- 자세한 과정설명 -

- -

모집기간 (한달)

-

접수 시작 : 2016년 11월 23일
- 접수 마감 : 2016년 12월 22일 -

- -

과정일정

-

총 8주 (2017년 1월 2일 - 2월 28일)
- 매주 월~목 (10시~18시) -

- -

모집정원

-

40명
결제 선착순 마감

- -

교육장소

-

판교 스타트업 캠퍼스
(경기도 성남시 분당구 판교로 289번길 스타트업캠퍼스)
지도보기
오전에 판교역에서 셔틀운행

-
- -
-

금액

-

오픈 한정 특별 할인 30%
- 140만원(VAT포함) (정가 200만원)
-

- -

결제방식

-

아직 계좌이체/무통장 입금만 가능합니다.
- 접수/입금 순서에 따라서 선착순 마감될 수 있습니다.
- 신한은행 : 100-031-792383 (주) 코드스쿼드 김정
- 카드결제 방식을 원하시는 분은 이메일로 연락바랍니다.

- -

신청방법

-

온라인 신청서 작성 (신청하기)

- -

노트북 유상 임대

-

필요한 분들께 교육기간동안 맥북프로 월5만원에 임대

- -

문의

-

카카오톡 친구추가 : ‘코드스쿼드’
- 이메일 : yoda@codesquad.kr -

-
- -
-
- - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/html_src/application_backup/application_white.html b/html_src/application_backup/application_white.html deleted file mode 100644 index 4a13a678a..000000000 --- a/html_src/application_backup/application_white.html +++ /dev/null @@ -1,181 +0,0 @@ - - - - - 코드스쿼드 | 소프트웨어 개발 교육 및 기술 컨설팅 | CodeSquad - - - - - - CodeSquad - - - - - - - - - - - - - - -
-
- -
-

codesquad
masters course 모집

-

2017년 1-2월, 8주과정을 지금 모집중입니다
화이트레벨은 개발자로 입문하실 분이 대상입니다 :-)

-
-
- -
- - -
-
-
- -

모집분야

-

마스터즈코스 - 화이트레벨
- 자세한 과정설명 -

- -

모집기간 (한달)

-

접수 시작 : 2016년 11월 23일
- 접수 마감 : 2016년 12월 22일 -

- -

과정일정

-

총 8주 (2017년 1월 2일 - 2월 28일)
- 매주 월~목 (10시~18시) -

- -

모집정원

-

40명
결제 선착순 마감

- -

교육장소

-

판교 스타트업 캠퍼스
(경기도 성남시 분당구 판교로 289번길 스타트업캠퍼스)
지도보기
오전에 판교역에서 셔틀운행

-
- -
-

금액

-

오픈 한정 특별 할인 30%
- 140만원(VAT포함) (정가 200만원)
-

- -

결제방식

-

아직 계좌이체/무통장 입금만 가능합니다.
- 접수/입금 순서에 따라서 선착순 마감될 수 있습니다.
- 신한은행 : 100-031-792383 (주) 코드스쿼드 김정
- 카드결제 방식을 원하시는 분은 이메일로 연락바랍니다.

- -

신청방법

-

온라인 신청서 작성 (신청하기)

- -

노트북 유상 임대

-

필요한 분들께 교육기간동안 맥북프로 월5만원에 임대

- -

문의

-

카카오톡 친구추가 : ‘코드스쿼드’
- 이메일 : yoda@codesquad.kr -

-
-
-
- - - - - - - - - - - - - - - \ No newline at end of file diff --git a/html_src/common/footer.html b/html_src/common/footer.html deleted file mode 100644 index f82bb8889..000000000 --- a/html_src/common/footer.html +++ /dev/null @@ -1,74 +0,0 @@ - - \ No newline at end of file diff --git a/html_src/common/ga.html b/html_src/common/ga.html deleted file mode 100644 index 860b81f37..000000000 --- a/html_src/common/ga.html +++ /dev/null @@ -1,8 +0,0 @@ - \ No newline at end of file diff --git a/html_src/common/masters/common_schedule.html b/html_src/common/masters/common_schedule.html deleted file mode 100644 index 545c43657..000000000 --- a/html_src/common/masters/common_schedule.html +++ /dev/null @@ -1,7 +0,0 @@ -
  • 모집기간: 2019 가을
  • -
  • 온라인시험: 2019.3.2
  • -
  • 오프라인시험: 2019.3.6(코드스쿼드)
  • -
  • 수업시작: 2019.4.1
  • -
  • 정원: 최대15명
  • -
  • 장소: 강남구 강남대로 62길 23 4층 코드스쿼드
  • -
  • 문의: 070-4117-1005 / yoda@codesquad.kr
  • \ No newline at end of file diff --git a/html_src/common/masters/faq.html b/html_src/common/masters/faq.html deleted file mode 100644 index e0153e16a..000000000 --- a/html_src/common/masters/faq.html +++ /dev/null @@ -1,153 +0,0 @@ -
    -
    - -
    -

    - 자주묻는질문

    -
    - -
      -
    • -
      - Q. 01> 2020년 마스터즈 코스는 언제 시작하나요? -
      -
      - A> - 2020년은 1월에 한 차례 한 후, 이후 계획은 아직 없습니다. -
      -
    • - -
    • -
      - Q. 02> 마스터즈 코스 모집 시험 절차가 어떻게 되나요? -
      -
      - A> - 기초적인 프로그래밍이 가능한지 확인하는 문제 풀이 형식의 온라인 시험과, 온라인 시험 결과에 대한 질의응답과 또는 추가문제풀이 형식의 오프라인 시험으로 이루어져 있습니다.
      - 오프라인 시험은 기술적인 준비뿐 아니라, 힘든 마스터즈 과정에 준비가 되어 있으신 분인지를 알아가는 자리입니다. - -
      -
    • - -
    • -
      - Q. 03> 어느 정도 수준이 되어야 마스터즈 코스 모집 시험에 합격할 수 있나요? -
      -
      - A> - 변수, 데이터 타입, 조건문, 반복문, 함수 등을 활용하여 기초적인 프로그래밍 구현이 가능하며, 어느정도 수준의 문제를 해결할 수 있어야 합니다. -
      -
    • - -
    • -
      - Q. 04> 마스터즈 코스에 지원할 수 있는 자격 요건이 있나요? -
      -
      - A> - 특별한 자격 요건은 없습니다. 🙂 -
      -
    • - -
    • -
      - Q. 05> 마스터즈 코스 모집 시험에 어떻게 준비해야 하나요? -
      -
      - A> - 기초적인 프로그래밍이 가능하다면 모집 시험에 충분하지만, 한 번도 프로그래밍 경험이 없으시다면 다음과 같은 컨텐츠를 통해 먼저 스스로 학습해보시길 추천해 드립니다.
      - [코드스쿼드 레벨1 인프런 강의](유료)
      - [생활코딩] (무료)
      - 이 외에도 검색을 통해 무료로 다양한 기초 프로그래밍 학습 컨텐츠들을 찾아보실 수 있습니다. -
      -
    • - -
    • -
      - Q. 06> 마스터즈 코스를 수료하는데 얼마나 걸리나요? -
      -
      - A> - 마스터즈 코스의 커리큘럼은 평균 6개월 정도의 기준으로 구성되어 있습니다. 하지만 개인별 학습 속도가 다르므로 개인마다 마스터즈 코스 과정 수료 기간에 차이가 날 수 있습니다.
      - 마스터즈 중에 취업하시는 분도 계시고, 마스터즈 코스를 마치고 1년가까이 지나야 취업이 가능하신 분들도 있습니다. -
      -
    • - -
    • -
      - Q. 07> 마스터즈 코스 과정 중간에 빈자리가 생긴다면 들어갈 수 있나요? -
      -
      - A> - 과정이 시작되고 나면 중간에 빈자리가 생길 확률이 희박하며, 혹시 빈자리가 생기더라도 코드스쿼드 과정 특성상 진도를 맞추기가 어렵기 때문에 중간에 합류하는 것은 어렵습니다. -
      -
    • - -
    • -
      - Q. 08> 마스터즈 코스 수강료가 어떻게 되나요? -
      -
      - A> - 현재는 한 달에 88만 원 수준입니다. 내부 상황에 따라 수강료는 변동될 수 있습니다. -
      -
    • - -
    • -
      - Q. 09> 문제해결(미션 또는 프로젝트) 방식이 더 좋은 교육 방식인가요? -
      -
      - A> - 교육 진행방식은 마치 개발 회사 현장에서 선배들과 일하면서 배우는 방식과 비슷합니다. 수준별 역량을 보고 필수적으로 경험해야할 것들을 커리큘럼으로 만들어서 단계별 미션으로 제공합니다. 코드스쿼드 멤버라면 언제든지 마스터에게 - 질문을 할수도 있고, 필요한 강의를 요청할 수도 있습니다. -
      -
    • - -
    • -
      - Q. 10> 주말에 공간 활용은 가능한가요? -
      -
      - A> - 주말 오픈은 하지 않으나, 상황에 따라서 토요일 이용이 가능할 수도 있습니다. 일요일은 개방하지 않습니다. -
      -
    • - -
    • -
      - Q. 11> - 클래스별 수강생은 몇명인가요? -
      -
      - A> - 마스터즈코스에서는 iOS, 웹백엔드, 웹프론트엔드 클래스가 있으며, 각각 10~20명 수준으로 학습합니다. -
      -
    • - -
    • -
      - Q. 12> - 백엔드 커리큘럼은 더이상 Java기반으로 하지 않나요? -
      -
      - A> - 코드스쿼드에서는 웹개발 환경의 변화로 인해서 Node.js를 활용한 웹백엔드의 다양한 배웁니다. Java환경은 추후 열릴 수도 있지만 미정입니다. -
      -
    • - -
    • -
      - Q. 13> - 수강료 환급과정이나 국비 지원이 되나요? -
      -
      - A> - 학원에서 특별히 제공하고 있는 수강료 할인 또는 환급 과정은 없으며, 국비 지원 대상 학원도 아닙니다. 참고 부탁드립니다. -
      -
    • - -
    - -
    -
    \ No newline at end of file diff --git a/html_src/common/masters/gain_two.html b/html_src/common/masters/gain_two.html deleted file mode 100644 index 57522d6b0..000000000 --- a/html_src/common/masters/gain_two.html +++ /dev/null @@ -1,13 +0,0 @@ -
    -

    프로그래밍 능력

    -
    - 과정을 마치면 다양한 현실세계의 문제를 풀 수 있는 능력을 가지게 됩니다. 또한 개별 프로그래밍 언어의 특징을 잘 이해하면서, 객체와 메소드를 활용한 다양한 프로그래밍 기법을 알게 됩니다. - 그리고 과정을 마치는 시점의 여러분들의 코드는 실무에서도 인정할 수 있는 수준의 코딩컨벤션과 패턴으로 작성되어 있습니다. -
    -
    -
    -

    학습방법을 깨닫다

    -
    초, 중, 고등학교를 거치면서 기초부터 이론 위주의 학습 습관이 우리 몸에 자연스럽게 베어 있습니다.
    - 하지만 프로그래밍에 대한 경험을 먼저 한 후에 이론 지식을 쌓는 학습 방식 또한 효과적입니다.
    - 기존의 학습 방법에 대한 틀을 깨고, 자신만의 학습 방법을 찾아 스트레스를 줄이면서 즐겁게 프로그래밍을 할 수 있습니다.
    -
    \ No newline at end of file diff --git a/html_src/common/masters/lecture_method.html b/html_src/common/masters/lecture_method.html deleted file mode 100644 index 4d17c4246..000000000 --- a/html_src/common/masters/lecture_method.html +++ /dev/null @@ -1,45 +0,0 @@ -
    -

    교육특징

    -
    -
    -

    개개인 코드리뷰와 리뷰를 통한 깊이있는 피드백

    -

    - - 이 강의에서 가장 중요한 것은 당신이 작성한 소스코드 입니다. - 마스터는 상시로, 당신의 얼굴이나 말이 아닌 바로 소스코드를 통해 당신을 파악하고 그에 따른 면밀한 1:1 피드백을 드릴 것입니다. - 이렇게 남은 피드백 로그는 사실상 그 어떤 강의자료보다도 더욱 당신에게 의미가 있을 겁니다. - 여러분은 피드백과 코드리뷰를 통해서 가장 빨리 성장할 수 있을 겁니다. - -

    -
    -
    -

    이론과 미션실습이 잘 섞인 교육방식

    -

    - - 마스터들은 수년간의 소프트웨어 교육 경험을 통해 초보 프로그래머를 벗어나기 위해 반드시 학습해야할 지식과 경험을 알고 있습니다. - 마스터들의 가이드와 마스터즈코스만의 방식을 통해 어떤 지식과 경험을 어떻게 학습하는 것이 효과적인지 체득할 수 있을 것입니다. - 단순히 지식을 전달하는 교육이 아닌 스스로 성장해 나갈 수 있는 역량을 쌓을 수 있습니다. - -

    -
    -
    -

    경력같은 신입 개발자

    -

    - - 미션과 프로젝트를 진행하면서 요구사항을 기능 명세로 구체화하고, 기능을 프로그래밍 요구사항으로 나누는 작업을 합니다. - 프로그래밍 요구 사항을 기준으로 모듈을 설계하고, 설계를 바탕으로 코드를 작성하고 마스터의 피드백을 받습니다. - 신입 개발자 업무와 같은 패턴을 매일 반복해서 경험합니다. - -

    -
    -
    -

    함께 성장하기

    -

    - - 코드스쿼드는 준비된 기본 실력과 열정이 준비되어 있는 분들이 모여서 함께 공부합니다. 마스터와 함께 배우는 부분도 많지만, 모두가 함께 허물없이 질문하고, - 토론하는 문화속에서 여러분들이 빠르게 성장하게 됩니다. 코드스쿼드 교육을 경험하신 많은 분들에게 물어보세요! 우리는 즐겁게 함께 성장합니다 - -

    -
    -
    -
    \ No newline at end of file diff --git a/html_src/common/masters/level_test.html b/html_src/common/masters/level_test.html deleted file mode 100644 index e018f8e81..000000000 --- a/html_src/common/masters/level_test.html +++ /dev/null @@ -1,16 +0,0 @@ -
    -
    -

    - 신청시 제출해야할 문제

    - -
    신청 이후, 아래 날짜 중 하루를 선택해서 방문하셔야 합니다
    -
      -
    • - 8월22일 14시-17시 사이
    • -
    • - 8월29일 14시-17시 사이
    • -
    • -
    -
    -
    - \ No newline at end of file diff --git a/html_src/common/masters/payinfo.html b/html_src/common/masters/payinfo.html deleted file mode 100644 index 8ff7a478c..000000000 --- a/html_src/common/masters/payinfo.html +++ /dev/null @@ -1,20 +0,0 @@ -
    -
    -

    수강료

    -
    -
    -
    880,000원
    -
    -
    -
      -
    • 첫 결제는 개강일인 4월1일 진행합니다
    • -
    • 매달 결제 하는 방식입니다
    • -
    • 무통장 입금 또는 현장카드 결제를 할 수 있습니다
    • -
    • 이메일 : yoda@codesquad.kr
    • -
    • 전화 : 070-4117-1005
    • -
    - -
    -
    -
    -
    \ No newline at end of file diff --git a/html_src/common/masters/target_student.html b/html_src/common/masters/target_student.html deleted file mode 100644 index c90f24eef..000000000 --- a/html_src/common/masters/target_student.html +++ /dev/null @@ -1,38 +0,0 @@ -
    -
    -

    수강대상

    -

    제대로 개발자의 길을 걷고 싶은 분들은 모두 환영합니다.

    -
      -
    • -
      -

      프로그래밍 언어를 하나 배워봤음

      -
      -

      어떤 프로그래밍 언어든 한가지를 배워서 '함수'까지 구현해보신분.

      -
      -
      -
    • - -
    •  
    • - -
    • -
      -

      실무 프로그래머로 가는길이 궁금한 분

      -
      -

      프로그래머로 일할 수 있기 위해서 준비해야 할 것이 무엇인지 잘 모르신다면! 마스터즈코스에서 답을 찾을 수 있습니다.

      -
      -
      -
    • - -
    •  
    • - -
    • -
      -

      최신 기술은 알고 있지만,,

      -
      -

      프로그래밍 기초지식 없이 유행에 초점이 맞춰진 기술만 익힌다면 성장에 큰 한계를 느낍니다. 지금 프로그래밍 역량을 충분히 다져보세요!

      -
      -
      -
    • -
    -
    -
    \ No newline at end of file diff --git a/html_src/common/modal.html b/html_src/common/modal.html deleted file mode 100644 index 1e882201b..000000000 --- a/html_src/common/modal.html +++ /dev/null @@ -1,15 +0,0 @@ - \ No newline at end of file diff --git a/html_src/common/nav.html b/html_src/common/nav.html deleted file mode 100644 index 0a15f31b9..000000000 --- a/html_src/common/nav.html +++ /dev/null @@ -1,54 +0,0 @@ - \ No newline at end of file diff --git a/html_src/html_merged/aws-basic.html b/html_src/html_merged/aws-basic.html deleted file mode 100644 index 933790259..000000000 --- a/html_src/html_merged/aws-basic.html +++ /dev/null @@ -1,458 +0,0 @@ - - - - 코드스쿼드 | AWS Basic - - - - - - - - - - - - - - - - - - - - -
    - - - - -
    -
    -
    - 개발자와 스타트업을 위한 AWS Basic -
    -

    4주간, AWS 공인 테크니컬 트레이너 출신 강사에게 배워보세요 !

    -

    신청이 마감됐어요 😑

    -
    -
    -
    - -
    - -
    -
    -

    - 과정 특징

    -
    -
    -


    전, AWS 시니어트레이너의 강의

    -
    - 정호영 마스터는 컴퓨터 공학박사이며, LG전자, NAVER에서 개발자로 근무한 경험이 있으며, 아마존의 AWS공인 트레이너로 일한경력이 있는 클라우드 전문가 입니다. - AWS 시니어트레이너로 일하며 수많은 기업의 컨설팅과 개발문제를 경험했습니다. 또한 교육전문가로써 NHN NEXT와 코드스쿼드에서 데이터베이스, 알고리듬, AWS 등의 교육을 맡고 있습니다 -
    -
    -
    -
    -


    실용적인 커리큘럼

    -
    - 강사의 풍부한 AWS경험으로부터 실무에서 활용가능한 커리큘럼으로 구성됐습니다.
    - 'AWS시작하기'부터 'Computing', 'Storage', '배포 및 운영'까지 실무적인 내용을 강의와 실습을 통해서 배울 수 있습니다.
    -
    -
    -


    실전에 필요한 내용

    -
    - 교육중에는 국내외의 실제 AWS사용사례에 대해서 알 수 있습니다. 이를 통해서 실전에서 어떻게 사용할 수 있는지 많은 힌트를 얻을 수 있습니다. 다양한 겉핥기 수업이 아닌 실전에 - 필요한 핵심 서비스 위주로 깊이 있는 내용을 실습할 수 있습니다. -
    -
    -
    -
    -
    - - -
    -
    -
    - - -
    -
    -

    - 커리큘럼

    -

    개발자와 스타트업을 위해서 가장 필요한 내용을 4주로 구성했습니다. 중간에 과제도 있으며 1:1리뷰를 받을 수 있습니다.

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    기간주제내용
    1주차 -

    AWS 시작하기

    -
    -
      -
    • IAM으로 안전한 서비스 시작하기
    • -
    • VPC와 AWS 네트워크 기초
    • -
    • EC2, EBS, T2 및 컴퓨팅 인스턴스의 이해
    • -
    • S3 와 다양한 저장장치들의 활용
    • -
    -
    2주차 -

    Computing

    -
    -
      -
    • CLI 사용법
    • -
    • SDK 사용법
    • -
    • CloudWatch를 이용한 모니터링
    • -
    • Lambda
    • -
    • 통합 실습
    • -
    -
    3주차 -

    Storage

    -
    -
      -
    • S3 응용
    • -
    • EBS 더 알아보기
    • -
    • RDS 사용해 보기
    • -
    • 프로그래밍 실습: 서비스 연동 어플리케이션 구축하기
    • -
    -
    4주차 -

    배포 및 운영

    -
    -
      -
    • AMI, ELB 와 Route53 이용한 배포 및 운영 실습
    • -
    • Elastic Beanstalk을 이용한 간단 배포 실습
    • -
    • Code Deploy 등을 이용한 Github 배포 실습
    • -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -

    - 어떤분들에게 필요한 강의인가요? -

    -

    'AWS를 도입하려는 스타트업 개발자', '클라우드를 배우고자 하는 취업 준비생', '일반 개발자' 에게 필요한 강의 입니다

    -
    -
    - -
    -
    -
    - - -
    -
    -
    - -

    - - 강사의 메시지

    - -
    -
    - honux master -
    -
    -

    - - AWS에는 수많은 서비스들이 있습니다. 제한된 시간에 모든 걸 배울 수는 없지만 서비스 운영에 필요한 필수적인 내용을 과정에 담았습니다. - 그리고 과정이후에는 여러분들이 AWS를 이해하는 것에 그치지 않고, AWS의 운영방법을 깨닫게 되실 겁니다. - -

    -
    -
    - -
    -
    - -
    -
    -

    - '개발자와 스타트업을 위한 AWS기초'과정을 통해서 클라우드 기반의 서비스를 완전히 마스터해보세요! -

    -
    -
    -
    - -
    -
    -

    - 제가 들을 수 있을까요 ? 😳 -

    -

    이정도 수준의 지식이 있으신가요? 그렇다면 충분합니다

    -
      -
    • 웹 어플리케이션 아키텍쳐에 대한 기초적 이해
    • -
    • 프로그래밍 가능
    • -
    • 기초적인 리눅스 명령 및 셸 스크립팅 가능
    • -
    -
    -
    - -
    -
    -
    - -
    -
    -

    - 전체일정

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    ➀ 모집일정 -
      -
    • 미정
    • -
    -
    ➁ 교육일정 -
      -
    • 4주 (날짜미정)
    • -
    • 토요일 오후 또는 평일저녁
    • -
    -
    ➂ 비용 -
      -
    • 정가 : 88만원
    • -
    • 결제방법 : 자동이체 또는 현장에서 카드결제만 가능
    • -
    • 결제시기 : 등록 첫날 진행
    • -
    -
    ➃ 장소 -
      -
    • 코드스쿼드(뱅뱅사거리)
    • -
    -
    ➄ 문의 - -
    -
    - -
    -
    - -
    - - -
    - - - - - - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/index.html b/html_src/html_merged/index.html deleted file mode 100644 index 90d478279..000000000 --- a/html_src/html_merged/index.html +++ /dev/null @@ -1,614 +0,0 @@ - - - - - - 코드스쿼드 | 소프트웨어 개발 교육 및 기술 컨설팅 | CODESQUAD - - - - - - - - - - - - - - - - - - - - -
    -
    -
    -
    소프트웨어로 -
    미래를 준비하는 사람들을 위한 -
    고품질 교육 전담팀 -
    -
    - - -
    -
    -
    - - -
    -
    -

    -

    - "소프트웨어는 미래를 준비하는 훌륭한 도구입니다. -
    누구나 자신에게 필요한 소프트웨어를 만들어야 하는 시대를 준비해야 합니다. -
    소프트웨어 교육은 사람을 바꿀 수 있고, 사람이 바뀌면 미래가 바뀝니다." -
    -

    -
    -
    - -
    -
    -
    - -
    -
    - -
    -

    운영중인 프로그램

    -
    - -
    - -
    - 신입 개발자로 취업하기 위한 최고의 과정입니다.
    - 웹프론트엔드, 웹백엔드, 모바일iOS 클래스를 운영하며, 각 클래스 모두 STEP을 진행하며 한 단계씩 배움을 쌓을 수 있습니다. 모든 STEP을 마치고 나면 역량향상과 함께 어떻게 공부해야 하는지를 깨닫게 됩니다. -
    -
    - -
    - -
    - 평일저녁 또는 주말을 이용해 4주~6주 안에 특별한 소프트웨어 교육프로그램을 학습할 수 있습니다. 오프라인 강의와 온라인 '코드리뷰'를 통해서 여러분들은 빠른 성장을 경험할 수 있습니다. 코드스쿼드에서는 머신러닝, 웹개발, - 모바일개발등 특정 영역의 단기 교육 프로그램을 시작하며, 더 많은 프로그램을 준비중입니다. 최고의 강사와 함께 온라인/오프라인을 통해 효율적으로 전문분야를 학습할 수 있습니다. -
    -
    - -
    -
    -
    기업교육 프로그램
    -
    -
    - 코드스쿼드에서는 재직자를 위한 전문가 프로그램을 운영중입니다. 모바일, 데이터분석, 웹프론트엔드, 웹백엔드, AWS, 클린코드등 현장에서 필요한 실무능력을 기를 수 있습니다.
    우아한형제들, SK플래닛, LINE, 스마일게이트등 국내 주요 소프트웨어 기업의 인턴, 신입사원, 재직자교육 경험을 갖고 있습니다.
    - (이메일로 문의해주세요. yoda@codesquad.kr) -
    -
    - -
    -
    - -
    -
    -
    - -
    -
    -

    우리의 교육방식

    -
      -
    • -
      - -
      -
      -

      코드스쿼드 학습문화

      -
      -

      코드스쿼드에서는 자율적이며, 협력적으로 학습합니다. 과정이후에도 멤버쉽을 이어가며 배움을 이어나갈 수 있습니다. 마스터, 동료와 함께 빠르게 성장할 수 있습니다.

      -
      -
      -
    • - -
    • -
      - -
      -
      -

      분야별 전문 마스터

      -
      -

      실무경험이 풍부하고 소프트웨어 교육을 잘 이해하는 마스터들이 성장을 위해 강의와 멘토링을 지원합니다. 마스터들의 지속적인 학습지도와 코드리뷰를 통해 실무능력을 기를 수 있습니다

      -
      -
      -
    • - -
    • -
      - -
      -
      -

      현장에 필요한 커리큘럼

      -
      -

      코드스쿼드에서는 최고의 커리큘럼을 자랑합니다. 소프트웨어를 깊이있게 다루는 회사에서 꼭 필요한 컴퓨터 기초지식과 실무에서 사용중인 최신기술을 배웁니다. 주요기업과 커뮤니티를 통해서 코드스쿼드 커리큘럼은 계속 발전중입니다.

      -
      -
      -
    • -
    -
    -
    - - -
    -
    -
    - -
    -
    -
    - - -
    -
    - -
    -
    -

    코드스쿼드 멤버

    -

    최고의 마스터, 매니저가 함께합니다

    -
    -
    - -
    - -
    -
    -

    김정

    -
      -
    • 컴퓨터사이언스와 모바일분야의 마스터 입니다
    • - -
    -
    -
    - -
    -
    -

    윤지수

    -
      -
    • 웹프론트엔드 마스터 입니다
    • -
    -
    -
    - -
    -
    -

    정호영

    -
      -
    • 웹백엔드와 클라우드 마스터입니다
    • -
    -
    -
    - -
    -
    -

    야곰

    -
      -
    • 모바일 마스터 입니다
    • -
    -
    -
    - -
    -
    -

    김세정

    -
      -
    • 코드스쿼드의 매니저 입니다
    • -
    -
    -
    - - -
    -
    -
    - -
    -
    -
    - -
    -
    - -

    ✔ 코드스쿼드를 추천합니다!

    -
    - -
    -
    -
    "가까운 미래는 컴퓨터가 하는 일이 많아지고 인간에게 필요한 지식과 기술은 변하고 있습니다. 이제 모든 분야에서 소프트웨어를 활용하고, 누구나 자신에게 필요한 소프트웨어를 만드는 시대가 옵니다. - 대한민국 최강 마스터가 함께하는 마스터즈 코스를 적극 추천합니다"
    -
    KAKAO 의장 김범수
    -
    - -
    -
    "코드스쿼드의 마스터들이 당신 몸에 선명한 개발자의 피가 흐른다는 것을 느끼게 해드립니다. 그 피가 살을 뚫고 뿜어 나오게 하는 것은 당신 몫입니다."
    -
    국민대 교수 이민석
    -
    - -
    -
    "코드 스쿼드는 수준 높은 개발자를 교육해서 개발자 생태계를 건강하게 만드는 집단입니다. 대한민국 어디를 가도 이런 교육 받을 수 없을겁니다. 강력추천!!!"
    -
    - 네이버 스마트에디터 개발자 스미스
    -
    -
    - - -
    -
    -
    어떤 일을 하시던지 믿고 따를 수 있는 마스터 세 분의 교육기관. 코딩의 존재조차 모르던 제가 개발 커뮤니티도 운영하는 한 명의 개발자로 성장할 수 있었던 것은 이 분들과 웃고 즐기며 공부했기 때문입니다.
    -
    - ZEPL 개발자겸디자이너 율무
    -
    - -
    -
    "마스터께 Programming의 P를 배우자 태초의 빛이 보이고 소리가 들리었다. 허나 미처 R을 다 배우지 못하였음에도 입사를 했더라.
    -
    - 아마존 엔지니어 단호글
    -
    - -
    -
    "모두가 열정적이어서 저도 더 열심히 할 수 있었던 것 같습니다. - 코드스쿼드는 내가 무엇을 모르는지 정확하게 알게 도와주었고, - 모르는 것을 가르쳐주는 것을 넘어서 혼자 문제를 해결하는 능력을 키울 수 있도록 도와주었습니다. - - 저는 배움에 있어서 제일 중요한 것은 환경이라고 생각합니다. - 코드스쿼드는 학원에서 '수강'하는 것처럼 수동적인 지식의 주입이 아닌, 능동적인 자기주도적 성장을 위한 환경을 제공해주었습니다."
    -
    ZEPL 개발자 재팍
    -
    -
    - - -
    -
    -
    "최고의 마스터들의 수준 높은 교육과 케어를 통해 실무 지식을 익힐 수 있었고,웹 개발자로서 단단하게 성장할수 있는 발판을 마련 했습니다. 개발자로서 확신이 없으신 분, 막연히 개발을 하고 싶은 - 모든 분들 모두 코드 스쿼드와 함께 실력있는 개발자로 성장 할 수 있습니다. 코드 스쿼드 강력 추천 합니다."
    -
    - 호갱노노 개발자 Alex
    -
    - -
    -
    "그 동안 다양한 프로그래밍 강의를 경험하셨던 분이라면 그야말로 ‘신선한 충격’을, 혼자 프로그래밍을 공부하고 고민해오셨던 분들이라면 마지막 퍼즐 한 조각을 찾아낼 수 있는 경험을 할 수 있는 수업이다. -
    강의 후 실습과제 수행으로 이어지는 기존의 프로그래밍 강의의 패러다임과는 다르게, 마스터는 모든 수강생을 일단 한 번 멘붕에 빠트려놓은 후 각자의 호흡에 맞춰 멘붕의 늪에서 꺼내 준다."
    -
    - 개발자 브라이언
    -
    - -
    -
    "아직 부족하고 배워갈 길이 멀지만 이제 모르는 요구사항과 기술이 나와도 구글링을 편히 하고 공식 문서를 들여다보는(feat. 구글번역) 제가 되도록 만들어준 코드스쿼드에게 무한한 감사를 전하고 무엇을 모르는지도 몰라 질문조차, 구글링조차 못하고있는 배우고싶은 개발자들에게 강력 추천하고싶습니다. 단순히 지식을 얻어가는 것이 아닌 본인이 짠 코드에 대해 찐하고 깊은 리팩토링과 이해를 할 수 있게 만들어줄 것이라 믿기 때문입니다!"
    -
    - 하이퍼커넥트 개발자 링크
    -
    -
    -
    -
    -
    - - -
    -
    -
    -
    -
    -

    ✔ 마스터즈 수강생이 취업한 기업

    -
    -
    - -
    - finda -
    - -
    - 우아한형제들 -
    - -
    - 호갱노노 -
    - -
    - NHN Entertainment -
    - -
    - 카카오 -
    -
    - -
    -
    - 삼분의일 -
    -
    - 티켓링크 -
    -
    - 카카오페이 -
    -
    - 블루웨일 -
    -
    - wizpace -
    -
    - - -
    -
    - 네이버 -
    -
    - 캐시슬라이드 -
    -
    - recobell -
    -
    - hyperconnect -
    -
    - echomarking -
    -
    - -
    -
    - Hellobot -
    -
    - Mathpresso -
    -
    - 하우투메리 -
    -
    - 노리 -
    -
    - kakaoix(카카오프렌즈) -
    -
    - -
    -
    - 레진코믹스 -
    -
    - 야놀자 -
    -
    - zepl -
    -
    - kreditdata -
    -
    - coinone -
    -
    -
    -
    - -
    -
    -
    - - -
    -
    - -
    -
    -

    코드스쿼드 장소

    -

    우리의 교육장은 우리의 철학을 담고 있습니다

    -
    -
    - -
    -
    -
      -
    • - -
    • - -
    • - -
    • - -
    • - -
    • - -
    • - -
    • - -
    • - -
    • - -
    • - -
    • - -
    • - -
    • -
    - -
    - - -
    -
    -
    -
    -
    - - - - - - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/masteringjs.html b/html_src/html_merged/masteringjs.html deleted file mode 100644 index 91d003362..000000000 --- a/html_src/html_merged/masteringjs.html +++ /dev/null @@ -1,645 +0,0 @@ - - - - - 코드스쿼드 | 마스터링 자바스크립트 - - - - - - - - - - - - - - - - - - - - - -
    - - - - -
    -
    -
    - 실무에 필요한
    자바스크립트를 완전히 깨닫게 되는 과정
    -
    Mastering JavaScript -

    [2019년 모집 미정] 😐

    -
    -
    -
    - -
    -
    -
    -

    자바스크립트는 더욱더 많은 분야에서 필요하고 그 인기는 점점 커지고 있습니다
    - 하지만 정작 자바스크립트 프로그래밍을 해보면 자바스크립트를 배우는 것이 무척 어렵다는 것을 깨닫게 됩니다

    -
    -
    - -
    -
    -

    - 자바스크립트를 중심으로 한 세계는 매우 빠르고 다양하게 변하고 있습니다.
    - 수많은 자바스크립트 프레임워크와 라이브러리가 하루가 멀다하고 등장하고 있으며,
    - 이런 시대에 가장 중요한 역량은 기초부터 고급개념까지 제대로 이해하며 개발할 수 있는 능력입니다.

    -
    -
    - -
    -
    -

    - jQuery나 React 사용법만을 익혀 개발 할 수 있는 시대는 지났습니다.
    - 자바스크립트의 패러다임을 익히고, 가장 중요한 내용을 실무에서 어떻게 쓸 수 있는지 깨닫는 것이 필요합니다.
    - 이 모든 것을 풍부한 실무경험과 교육경험을 가진 프론트엔드 마스터에게 강의와 1:1 코드리뷰를 통해서 배워보세요
    -
    - -

    -
    -
    - -
    -
    -
    -
    -
      -
    • 모집기간: 미정
    • -
    • 교육기간: 미정
    • -
    • 모집인원: 최대 20명
    • -
    • 오프라인 강의시간: 미정
    • -
    • 장소: 강남구 강남대로 62길 23 4층 코드스쿼드
    • -
    • 문의: 070-4117-1005 / yoda@codesquad.kr /카카오톡(코드스쿼드)
    • -
    -
    -
    -
    -
    - - -
    - -
    -
    -

    '마스터링 자바스크립트'과정이 필요한
    세 가지 이유

    -
    -
    -

    HTML,CSS만으로 할 수 있는 범위의 제약

    -
    다양한 웹 프레임워크들은 이제 더이상 JavaScript와 HTML,CSS를 분리해서 개발 하지 않고, Componet개발방식이 표준처럼 자리를 잡았습니다. 더이상 자바스크립트를 모르는 웹프론트엔드 개발은 점점 더 힘들어 집니다
    -
    -
    -

    프레임워크에 필요한 필수지식과 원리

    -
    React, Vue와 같은 프레임워크를 중심으로 자바스크립트 세계는 매우 빠르고 다양한 모습으로 확장 중입니다. - 빠르게 변화하는 것을 모두 따라가는 것은 불가능하며 이를 주도하는 방법은 자바스크립트 지식을 깊이있게 이해하고, - 다양한 프로그래밍 구현 방식에 대한 이해와 실제 구현할 수 있는 능력입니다.
    -
    -
    -
    -

    그 이상의 프로그래머

    -
    최근에는 자바스크립트를 잘 다루면 모바일, 데스트탑 앱까지 만들 수도 있습니다. - 이것보다 더 중요한 것은 '내가 프로그래머로써 성장할 수 있는가?' 입니다.
    - 스스로의 역량을 높이기 위해서는 다양한 프로그래밍 패러다임과 프로그래머로써 더 빠른 성장을 해야합니다.
    -
    -
    -
    -
    - - -
    -
    -

    웹프론트엔드 개발자의 커리어 패스를 좌우하는 자바스크립트 깊이있는 구현 능력,
    - 지금 시작해보세요.
    -

    -
    -
    - -
    -
    -

    - 커리큘럼

    -

    - 온라인 & 오프라인 혼합형 6주 커리큘럼
    매주 깊이있는 주제학습
    미션풀이, Q&A, 1:1 코드리뷰를 통한 학습 완성
    -

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    기간주제내용
    1주차 -

    JavaScript와 디버깅

    -
    -
      -
    • 변수,타입
    • -
    • 스코프와 함수실행원리
    • -
    • 자바스크립트 컬렉션과 데이터처리
    • -
    • 프로그래밍 실행 원리와 개발자도구
    • -
    • 에러와 디버깅
    • -
    • 프로젝트 : 로또번호 생성기
    • -
    -
    2주차 -

    함수기반 프로그래밍

    -
    -
      -
    • 코드리뷰
    • -
    • 함수형 사고와 원리
    • -
    • higher-order function
    • -
    • chaining 과 함수합성
    • -
    • bind,call과 커링
    • -
    • immutable
    • -
    • 함수형 프로그래밍 디자인
    • -
    • 프로젝트 : 함수형으로 만드는 Todo List
    • -
    -
    3주차 -

    객체지향 프로그래밍

    -
    -
      -
    • 코드리뷰
    • -
    • 객체지향 프로그래밍의 철학
    • -
    • object, prototype, classes, inheritance, modules
    • -
    • 객체지향 프로그래밍 설계 방법
    • -
    • 프로젝트 : 객체지향으로 만드는 Todo List
    • -
    -
    4주차 -

    브라우저 자바스크립트의 이해

    -
    -
      -
    • 코드리뷰
    • -
    • 브라우저 렌더링
    • -
    • DOM, Event, templating
    • -
    • HTML Templating
    • -
    • View 중심 역할 & 협력 설계
    • -
    • 프로젝트 : NEWS 웹사이트
    • -
    -
    5주차 -

    비동기 프로그래밍

    -
    -
      -
    • 코드리뷰
    • -
    • HTTP와 브라우저 네트워크
    • -
    • Event loop
    • -
    • 비동기 제어(promise, async/await)
    • -
    • 프로젝트 : NEWS 웹사이트
    • -
    -
    6주차 -

    코드리뷰와 리팩토링

    -
    -
      -
    • 코드리뷰
    • -
    • 자바스크립트 클린코드와 리팩토링
    • -
    • 자바스크립트 테스팅
    • -
    -
    온라인리뷰
    매주
    -

    GITHUB PR를 통한 코드리뷰

    - github pullrequest -
    -
      -
    • - 매주 오프라인 강의에서 주어진 미션을 각자의 일상에서 구현하며, 그 소스코드를 통해 강사와 온라인 코드리뷰 피드백을 진행 -
    • -
    • - 한 번 결석했더라도, 코드리뷰를 통한 개인 코칭 시스템의 도움으로 안정적 학습이 가능 -
    • -
    -
    -
    -
    -
    -
    - -
    - -
    -

    교육특징

    -
    -
    -

    자바스크립트에서 가장 난해한 부분에 대한 올바른 이해에 집중

    -

    - - 커리큘럼에 나온 것처럼 자바스크립트를 이해하는데 어려움이 가장 큰 프로그래밍 설계, 함수사용, 객체사용, 디버깅, 테스팅, 비동기라는 부분에 집중합니다. - 그리고 기본적인 프로그래밍 디자인에 대한 이야기가 깔려 있습니다. - -

    -
    -
    -

    코드리뷰를 통한 심도있는 피드백

    -

    - - 이 강의에서 가장 중요한 것은 당신이 작성한 소스코드 입니다. 강사는 당신이 작성한 소스코드를 통해 진행 내용을 파악하고, - 매일 수시로 그에 따른 피드백을 온라인으로 남길 것입니다. - 이렇게 남은 코드리뷰 피드백 로그는 그 어떤 강의자료보다도 더욱 당신에게 유의미할 것입니다. - -

    -
    -
    -

    과정 이후까지 이어지는 커뮤니티

    -

    - - 코드스쿼드의 모든 교육은 지속적인 멤버쉽을 중요하게 생각하는 철학을 가지고 있습니다.
    - 이 과정 역시 과정중은 물론이고 과정이후에도 마스터가 리드하는 온라인 채널을 통해서 멤버들과 함께 지속적인 커뮤니케이션을 할 수 있습니다. - 여러분은 지속적인 성장의 채널을 갖게 됩니다. - -

    -
    -
    -
    - -
    - -
    -
    -

    수강대상

    -

    웹 퍼블리셔 또는 자바스크립트를 경험 중인 개발자이면서

    -
      -
    • -
      -

      자바스크립트를 제대로 정복하고 싶은 분

      -
      -

      자바스크립트의 언어적인 특징을 좀더 제대로 이해하고 싶은 분

      -
      -
      -
    • - -
    • +
    • - -
    • -
      -

      클린코드와 자바스크립트 리팩토링을 방법을 알고 싶은 분

      -
      -

      지속적인 유지보수를 경험하면서 보다 안정적이고 지속가능한 코드를 만드는데 관심이 많은 분

      -
      -
      -
    • - -
    • +
    • - -
    • -
      -

      다양한 상황에서의 Best practice가 궁금한 분

      -
      -

      다양한 규모의 서비스개발 상황마다 자바스크립트를 활용한 개발방식은 천차만별입니다. 어떠한 상황에서 어떤 개발방식을 적용해야할지 알고 싶은 분

      -
      -
      -
    • -
    -

    이번에 자바스크립트를 제대로 이해할 기회입니다

    -
    -
    - -
    -
    - -

    수강생 후기

    -

    윤지수 마스터가 강의하는 수업과 온라인 코드리뷰 방식이 어떨지 궁금하세요? -
    코드스쿼드에서 윤지수님으로부터 비슷한 방식의 수업을 들은 분들의 피드백을 확인해보세요

    - -
    - -
    -
    - -
    - -
    - -
    - -
    - -
    - -
    -
    -
    -
    - -
    -
    -
    - -

    강사의 메시지

    -

    - NAVER UI개발팀장, SK Planet FrontEnd마스터, NEXT UI 전임교수를 했으며,
    - NAVER의 edwith의 웹풀스택 강의와 인프런의 다양한 강의를 진행중인 윤지수 마스터가 직접 담당합니다.

    -
    - -
    -
    - crong -
    -
    -

    - - "이번 강의를 통해서 자바스크립트를 제대로 알게 되는 경험을 하게 됩니다.
    자바스크립트는 이제 멀티패러다임 언어로 발전했습니다. - 이제 우리는 다양한 개발방법도 익혀야함은 물론이고, 실무에서 자바스크립트의 다양한 특징과 패턴들이 어떤 상황에서 필요하며, 어떻게 이를 사용하는 것인지를 아는 것입니다.
    - 과정설계에서 이런 부분을 중요하게 생각하며 만들었습니다. 또한 개인적으로 매우 중요하게 느끼는 디버깅 방법을 깊이있게 알게 될 것이며, 1:1 코드리뷰를 통해서 클린코드와 리팩토링 방법도 과정 내내 경험하게 될 것입니다. - -

    -
    -
    - -
    -
    - -
    -
    -

    - 이번기회에 자바스크립트에 대한 모든 궁금증을 풀고 자바스크립트를 정복해보세요. -

    -
    -
    -
    - -
    -
    -

    수강료

    -
    -
    -
    미정
    -
    -
    -
      -
    • 온라인 코드리뷰와 오프라인 강의 진행을 모두 포함한 수강료입니다.
    • -
    • 현재 온라인 카드결제 불가하며, 무통장입금 또는 현장결제만(10만원 선입금 필요) 가능합니다.
    • -
    • 이메일 : yoda@codesquad.kr
    • -
    • 전화 : 070-4117-1005
    • -
    - -
    -
    -
    -
    - -
    - -
    - -
    -
    - -
    -

    - 자주묻는질문

    -
    - -
      -
    • -
      - Q. 01> 2019년 언제 개설되나요? -
      -
      - A>
      - 2019년 일정이 아직 확정되지 않았습니다. 하반기를 예상하고 하고 있습니다. -
      -
    • - -
    • -
      - Q. 02> HTML,CSS 개발만 해왔습니다. JavaScript를 얼마나 알아야 할까요? -
      -
      - A>
      - JavaScript의 기본문법(반복,변수,조건,함수,배열사용 등)을 웹을 찾아가면서 구현할 수 있다면 충분합니다.또는 다른 프로그래밍 언언에 대한 기본적인 지식이 있다고 하여도 가능합니다. -
      -
    • - -
    • -
      - Q. 03> 온라인 코드리뷰는 어떻게 진행되나요? -
      -
      - A>
      - 매주 토요일(22일제외) 수업을 들을 후, 그 주에 진행해야할 미션을 반드시 제출해야 합니다. 제출된 코드는 코드리뷰를 통해서 코드리팩토링을 하셔야 합니다. - 이과정은 github pull request를 통해서 진행됩니다. github 사용법은 과정전에 방법을 미리 알려드릴 것입니다. -
      -
    • - - - -
    - -
    -
    - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/masters.html b/html_src/html_merged/masters.html deleted file mode 100644 index 5891d8151..000000000 --- a/html_src/html_merged/masters.html +++ /dev/null @@ -1,764 +0,0 @@ - - - - - - 코드스쿼드 | 소프트웨어 개발 교육 및 기술 컨설팅 | CODESQUAD - - - - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    - -
    -

    최고의 커리큘럼, 최고의 멘토와 함께 마스터즈를 마치고 취업에 도전하세요! - -

    -
    - -
    - - -
    -
    -
    - - - - - -
    -
    -

    - 2020년 모집일정

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    ➀ 신청 기간 -
      -
    • 11월 8일(금)~11월 27일(수)
    • -
    • 모집중
    • -
    -
    ➁ 온라인 시험 -
      -
    • 시험 방식: 문제풀이 후 이메일 제출
    • -
    • 시험 문제 공개: 11월 29일(금) 오전 11시
    • -
    • 문제 공개 주소: 문제 사이트
    • -
    • 문제 제출 마감: 12월 4일(수)
    • -
    • 문제 제출 방법: 안내 예정
    • -
    • 합격자 발표: 12월 6일(금) 오전11시 이메일 안내
    • -
    -
    ➂ 오프라인 시험 -
      -
    • 시험방식: 면담 또는 문제 풀이
    • -
    • 모바일 iOS: 12월 10일(화)
    • -
    • 웹백엔드: 12월 12일(목)
    • -
    • 웹프론트엔드: 12월 12일(목)
    • -
    • 시험 시간: 합격자에게 별도 안내
    • -
    • 시험 장소: 코드스쿼드
    • -
    -
    ➃ 최종 발표 -
      -
    • 12월 16일(월) 오전 11시
    • -
    -
    ➄ 오프라인 설명회 -
      -
    • 모집 및 교육방식에 대한 자세한 설명과 Q&A
    • -
    • 일시: 11월 14일(목) 19시~20시
    • -
    • 장소: 코드스쿼드
    • -
    • 신청: 설명회 접수 (선착순)
    • -
    -
    ➅ 과정 시작 -
      -
    • 2020년 1월 2일 목요일 오전10시 😀
    • -
    -
    ➆ 문의 - -
    -
    -
    -
    - -
    -
    -

    마스터즈 코스는 무엇이 다른가요?

    -
      -
    • -
      - -
      -
      -

      1. 마스터의 코드리뷰와 협력방식

      -
      -

      프로그래머에게 코드리뷰는 빠르게 성장할 수 있는 가장 효과적인 방법입니다. 여러분들은 마스터즈 코스에서 탄탄한 실무경력의 마스터들에게 지속적인 멘토링과 - 꼼꼼한 코드리뷰를 받으며 가장 빠르게 성장할 수 있습니다. -
      심지어 마스터즈코스 이후에도 온라인 공간에서 코드스쿼드 멤버로써 지속적인 커뮤니케이션이 가능합니다. 이것은 코드스쿼드 멤버쉽이라는 철학이 있기 때문입니다. -
      모든 학생은 협력관계를 통해서 함께 성장하는 철학을 따르게 됩니다. 우리는 모두 함께 성장합니다. -

      -
      -
      -
    • - -
    • -
      - -
      -
      -

      2. 최고의 커리큘럼

      -
      -

      마스터즈코스는 컴퓨터기초, 프로그래밍, 프로젝트라는 최고의 학습 단계를 가지고 있습니다. 모든 미션과 프로젝트는 국내 최고의 회사에 근무 중인 개발자들의 지속적인 조언을 통해 구성됩니다. -
      여러분들은 필요한 지식을 단계적으로 실습과 미션을 해결하면서 본인의 것으로 만들 수 있습니다. 물론 그 과정에서 올바른 학습이 이뤄졌는지 마스터들의 피드백이 늘 함께합니다. -
      - -

      -
      -
      -
    • - -
    • -
      - -
      -
      -

      3. 기초와 응용의 콜라보

      -
      -

      클래스별 응용 프로그래밍 경험뿐만 아니라, 각 클래스 분야별로 반드시 필요한 기초 지식(자료구조 및 알고리즘, 운영체제, 네트워크 등)을 함께 학습할 수 있습니다. - 마스터즈 코스에서는 컴퓨터 전공자에게 필요한 기초지식 중 가장 중요한 부분을 밀도 있게 학습합니다.

      -
      -
      -
    • -
    -
    -
    - -
    -
    -
    - - - - -
    -
    -

    본인에 맞는 클래스를 선택할 수 있습니다

    -
      -
    • -
      -

      1. 모바일 iOS

      -
      -

      iOS 클래스는 Swift 언어에 익숙해지고 iOS SDK와 Xcode 개발 환경을 경험하고 앱을 출시하는 것을 목표로 합니다. Swift 중심으로 진행하지만, 원한다면 Objective-C - 언어에 대해서도 학습할 수 있습니다. 프로그래밍 기초 개념부터 iOS 앱 개발을 위한 디자인 가이드라인에 맞춰 자신만의 앱을 설계하는 경험도 필요합니다. 코코아-터치 프레임워크를 활용하면서 - 함수 중심 프로그래밍, 객체 중심 프로그래밍 방식으로 클린 코드를 작성하기 위해 더 좋은 구조를 만드는 것을 경험합니다. 더 나아가 모바일 개발자끼리, 서버 개발자와 협업하는 역량을 키우기에 - 적합합니다. -

      -
      -
      -
    • - -
    • -
      -

      2. 웹 프론트엔드

      -
      -

      HTML,CSS를 잘 이해하고 있으면서 JavaScript를 전문적인 수준으로 개발할 수 있는 프론트엔드 개발자를 만드는 것이 목표입니다. -
      코드스쿼드에서는 웹프론트엔드 개발자라면, 프레임워크나 라이브러리 없이도 JavaScript 언어의 특징을 충분히 활용하면서 주어진 요구사항을 능숙히 구현해낼 수 있는 개발자를 만들기 위해 - 노력합니다. 마스터즈 코스에 참여함으로써 올바른 프로그래밍 디자인, 클린 코드, SPAs, 다양한 인터랙티브 UI 개발을 학습하게 됩니다.

      -
      -
      -
    • - -
    • -
      -

      3. 웹 백엔드

      -
      -

      웹 백엔드 과정은 Node.js언어를 기반으로 웹 애플리케이션 개발 전반에 대한 경험을 하는 것을 목표로 합니다. Node.js를 활용한 프로그래밍 방식을 충분히 학습하게 되고, - 웹 백엔드 개발자에게 필요한 네트워크, 인증, 웹 프레임워크, RESTful API, 데이터베이스, 클라우드와 배포 시스템까지 학습하게 됩니다.
      - 웹프론트엔드 프레임워크를 경험할 수 있어 노력에 따라서 웹 풀스택 개발자로 성장할 수 있습니다. -

      -
      -
      -
    • -
    -
    -
    - - -
    -
    -
    - -
    -
    -

    24주(6개월) 과정

    -
      -
    • -
      -

      1. 컴퓨터 사이언스(4주)

      -
      -

      - 모든 클래스는 컴퓨터 기초를 4주간 학습합니다.
      - 컴퓨터 시스템 구조, 운영체제, 네트워크, 자료구조와 알고리즘, 데이터모델링을 다루는 미션을 매일 4주간, 총 16개의 미션을 풀어야 합니다.
      - 미션을 풀기 위해서 필요한 부분을 주도적으로 학습하고, 그룹으로 지정된 동료, 그리고 마스터와 함께 해결해 나갈 수 있습니다.
      - 컴퓨터 사이언스를 4주 만에 완성한다는 것은 매우 어려운 일입니다. 본인의 역량에 맞는 스텝을 정해서 학습할 수 있습니다. 4주간 충분히 익히지 못한 중요한 지식은 과정 중에 꾸준히 보강할 수 있습니다.

      -
      -
      -
    • - -
    • -
      -

      2. 클래스 특화 지식(4주)

      -
      -

      모바일 iOS, 웹 프론트엔드, 웹 백엔드 별로 나눠서 각 클래스별 심화된 주제를 학습합니다. - 1주 단위의 미니 프로젝트로 모바일앱이나 웹서비스를 만들면서 분야별로 필요한 지식을 학습하게 됩니다. - 또한 월, 목요일에는 밀도 있는 수업을 통해서 핵심지식을 빠르게 습득할 수 있습니다.
      - 이 단계에서 학습하는 클래스별 핵심지식은 뒤에 이어지는 프로젝트를 통해서 더욱더 단단하고 깊이 있는 자신만의 지식으로 이어지게 됩니다. -

      -
      -
      -
    • - -
    • -
      -

      3. 프로젝트(16주)

      -
      -

      2020년 마스터즈 코스는 가장 교육적으로 효과가 좋은 프로젝트 중심학습으로 진행합니다. - 코드스쿼드는 수년간의 프로그래밍 경험을 밑바탕으로 프로젝트 중심 학습(PBL)을 완성했습니다.
      - 모바일, 웹 프론트엔드, 웹 백엔드가 모두 모여서 실전과 같은 프로젝트를 하며, 협력 방법을 학습하고, 사용 가능한 결과물을 만들어 냅니다. - 프로젝트는 1~3주 단위이며, 프로젝트 미션마다 다른 난이도와 다른 요구사항을 통해서 필요한 역량을 다양하게 학습할 수 있습니다. - 또한, 프로젝트마다 새로운 동료들과 팀이 되어 계획, 회고, 리뷰, 리팩토링, 테스팅 등의 방법을 통해서 실전과 같은 방식으로 의미 있고 빠른 성장을 경험하게 됩니다. -

      -
      -
      -
    • -
    -
    -
    - - - -
    -
    - -
    -

    마스터즈 코스는 많은 현업개발자가 추천하는 과정입니다.

    -

    2020년에 개발자로 성장할 수 있는 기회를 가져보세요! 😎

    -
    -
    -
    - - - -
    -
    -
    - -
    -
    -

    마스터즈 코스의 하루

    -

    - 월요일부터 금요일까지 매일 10시~6시까지 코드스쿼드에서 학습합니다. -
    - 월요일, 목요일에는 오프라인 강의와 멘토링이 있습니다.
    첫 4주간은 교육커리큘럼에 따라서 월, 화, 목, 금 공식 활동이 있습니다. -

    -
    - -
    -
    -
    - - -
    -
    - -
    -
    -

    최고의 마스터로부터 직접 코칭을 받을 수 있습니다.

    -

    - 분야별 전문 마스터들과 함께 학습하며, 토론할 수 있습니다. -
    또한 개인 면담 신청을 통해 개인 성장 등 다양한 코칭을 받을 수도 있습니다. -

    -
    -
    - -
    -
    -
    -
    - 정호영 마스터 -

    정호영: 웹 백엔드, 알고리즘, 클라우드, 데이터베이스 마스터

    -

    한양대학교에서 데이터베이스 분야 박사학위를 취득하고, LG전자 CTO 부문 소프트웨어플랫폼연구소에서 스마트TV, 안드로이드 개발에 참여했습니다. NHN NEXT에서 데이터베이스 및 기초과목을 - 가르쳤으며, 네이버랩스에서 순환 근무를 하며 짧지만 행복한 개발자 생활을 하기도 했습니다. Amazon Web Services에서 Senior Technical Trainer로 근무했으며 - 어린이, 초중고 학생, 대학생, 직장인, 개발자 등 다양한 연령대에 걸쳐 풍부한 강의 경력을 가지고 있습니다. 미래부 강연에서는 기립박수를 받은 적도 있으며, Amazon 재직 시에는 까다로운 - 국내 대기업 강의에서 강의 평가 전원 만점(5.00/5.00)을 여러 번 받은 경험도 있습니다. SQLTAG라는 멋진 ms-sql 커뮤니티에서 숙련된 DBA 분들에게 많은 것을 배우고 있고, - 다양한 분야에 걸쳐 배우기 좋아하는 호기심 많은 개발자입니다. 취미는 주짓수와 게임을 하고 있습니다.

    -
    -
    -
    -
    -
    -
    - 김정 마스터 -

    김정: 컴퓨터 사이언스, 모바일 마스터

    -

    금융권 콜센터와 KT 코어망 통신장비에 들어가는 멀티미디어 프로토콜 스택 개발을 했습니다. 자체 시스템 모니터링과 cPCI 분산 컴퓨팅 아키텍처도 설계했습니다. 현재 국내 최장수 macOS/iOS - 개발자 커뮤니티 OSXDEV.org 운영진이며 NEXT에서 모바일 전임 교수를 하며 모바일 분야 인재양성을 했습니다. 오로라 플래닛 모바일 스타트업 운영 경험과 레진코믹스에서 모바일 서비스 개발 - 경험이 있습니다. 삼성전자, 네이버, 금결원, GE, 빙글 등 국내 여러회사에서 모바일 컨설팅/iOS 강의 경력이 있습니다. UX를 고려한 앱 프로토타이핑 개발 방법과 모바일 서비스 아키텍처, - 배포/테스트 자동화 등에 관심이 많습니다. 10년 넘게 커뮤니티 활동과 개발 관련 자료를 여러 개발자들에게 공유하고 있습니다. -

    -
    -
    -
    -
    -
    -
    - 윤지수 마스터 -

    윤지수: 웹프론트엔드, 웹 UX 마스터

    -

    네이버에서 플랫폼 UI 개발과 개발팀장을 했습니다. NEXT에서 웹 UI 전임 교수를 하며 인재양성을 하기도 했으며, SK Planet에서 기술 분야의 유일한 Master 레벨로 근무했습니다. - 삼성전자, 씨티은행, 삼성생명, NAVER, 위메프 등 국내 여러 회사에서 웹 프론트엔드 강의 경력이 있으며, NAVER, SK Planet, 우아한형제들, 스마일게이트의 인턴과 신입사원 교육을 - 설계하고 멘토로 참여했습니다. 2017년, 2018년 우아한 테크 캠프 프론트엔드 파트를 맡았고 Deview 2016에서 웹 프론트엔드 강의를 하기도 했습니다. -
    UX를 고려한 웹 프론트엔드 개발 방법과 Clean한 웹프론트엔드 개발 방법에 관심이 많습니다. -

    -
    -
    -
    -
    -
    -
    - 야곰 마스터 -

    야곰: 모바일 마스터

    -

    사범대학교에서 컴퓨터 교육을 전공하고 필드에 나와 여러 스타트업에서 iOS 애플리케이션을 만든 독특한 경력을 가지고 있습니다. - 고려대학교, 중앙대학교, 서울여자대학교, 한국교원대학교, 포잉, 세컨드플랜, 도루코, SK, 네이버, 패스트 캠퍼스, 멀티캠퍼스 등 여러 대학과 기업 그리고 교육기관에서 iOS 관련 강의를 진행했습니다. - 또, 네이버 커넥트 재단에서 운영하는 부스트 캠프 iOS 메인 튜터로 활동했고, 부스트 코스 iOS 과정을 설계하고 제작하였습니다. - 여러 커뮤니티에서 활발히 활동하고 있으며 입문자가 조금 더 올바른 방향으로 학습할 수 있는 방법에 대해 관심이 많습니다. - 프로그래밍 관련 블로그(blog.yagom.net)를 운영하고 있으며, 저서로는 [iOS 핵심노트] 시리즈<한빛미디어>, [스위프트 프로그래밍]<한빛미디어> 등이 있습니다. -

    -
    -
    -
    -
    - -
    -
    - -
    -
    -
    - - -
    -
    - -
    -

    - 자주묻는질문

    -
    - -
      -
    • -
      - Q. 01> 2020년 마스터즈 코스는 언제 시작하나요? -
      -
      - A> - 2020년은 1월에 한 차례 한 후, 이후 계획은 아직 없습니다. -
      -
    • - -
    • -
      - Q. 02> 마스터즈 코스 모집 시험 절차가 어떻게 되나요? -
      -
      - A> - 기초적인 프로그래밍이 가능한지 확인하는 문제 풀이 형식의 온라인 시험과, 온라인 시험 결과에 대한 질의응답과 또는 추가문제풀이 형식의 오프라인 시험으로 이루어져 있습니다.
      - 오프라인 시험은 기술적인 준비뿐 아니라, 힘든 마스터즈 과정에 준비가 되어 있으신 분인지를 알아가는 자리입니다. - -
      -
    • - -
    • -
      - Q. 03> 어느 정도 수준이 되어야 마스터즈 코스 모집 시험에 합격할 수 있나요? -
      -
      - A> - 변수, 데이터 타입, 조건문, 반복문, 함수 등을 활용하여 기초적인 프로그래밍 구현이 가능하며, 어느정도 수준의 문제를 해결할 수 있어야 합니다. -
      -
    • - -
    • -
      - Q. 04> 마스터즈 코스에 지원할 수 있는 자격 요건이 있나요? -
      -
      - A> - 특별한 자격 요건은 없습니다. 🙂 -
      -
    • - -
    • -
      - Q. 05> 마스터즈 코스 모집 시험에 어떻게 준비해야 하나요? -
      -
      - A> - 기초적인 프로그래밍이 가능하다면 모집 시험에 충분하지만, 한 번도 프로그래밍 경험이 없으시다면 다음과 같은 컨텐츠를 통해 먼저 스스로 학습해보시길 추천해 드립니다.
      - [코드스쿼드 레벨1 인프런 강의](유료)
      - [생활코딩] (무료)
      - 이 외에도 검색을 통해 무료로 다양한 기초 프로그래밍 학습 컨텐츠들을 찾아보실 수 있습니다. -
      -
    • - -
    • -
      - Q. 06> 마스터즈 코스를 수료하는데 얼마나 걸리나요? -
      -
      - A> - 마스터즈 코스의 커리큘럼은 평균 6개월 정도의 기준으로 구성되어 있습니다. 하지만 개인별 학습 속도가 다르므로 개인마다 마스터즈 코스 과정 수료 기간에 차이가 날 수 있습니다.
      - 마스터즈 중에 취업하시는 분도 계시고, 마스터즈 코스를 마치고 1년가까이 지나야 취업이 가능하신 분들도 있습니다. -
      -
    • - -
    • -
      - Q. 07> 마스터즈 코스 과정 중간에 빈자리가 생긴다면 들어갈 수 있나요? -
      -
      - A> - 과정이 시작되고 나면 중간에 빈자리가 생길 확률이 희박하며, 혹시 빈자리가 생기더라도 코드스쿼드 과정 특성상 진도를 맞추기가 어렵기 때문에 중간에 합류하는 것은 어렵습니다. -
      -
    • - -
    • -
      - Q. 08> 마스터즈 코스 수강료가 어떻게 되나요? -
      -
      - A> - 현재는 한 달에 88만 원 수준입니다. 내부 상황에 따라 수강료는 변동될 수 있습니다. -
      -
    • - -
    • -
      - Q. 09> 문제해결(미션 또는 프로젝트) 방식이 더 좋은 교육 방식인가요? -
      -
      - A> - 교육 진행방식은 마치 개발 회사 현장에서 선배들과 일하면서 배우는 방식과 비슷합니다. 수준별 역량을 보고 필수적으로 경험해야할 것들을 커리큘럼으로 만들어서 단계별 미션으로 제공합니다. 코드스쿼드 멤버라면 언제든지 마스터에게 - 질문을 할수도 있고, 필요한 강의를 요청할 수도 있습니다. -
      -
    • - -
    • -
      - Q. 10> 주말에 공간 활용은 가능한가요? -
      -
      - A> - 주말 오픈은 하지 않으나, 상황에 따라서 토요일 이용이 가능할 수도 있습니다. 일요일은 개방하지 않습니다. -
      -
    • - -
    • -
      - Q. 11> - 클래스별 수강생은 몇명인가요? -
      -
      - A> - 마스터즈코스에서는 iOS, 웹백엔드, 웹프론트엔드 클래스가 있으며, 각각 10~20명 수준으로 학습합니다. -
      -
    • - -
    • -
      - Q. 12> - 백엔드 커리큘럼은 더이상 Java기반으로 하지 않나요? -
      -
      - A> - 코드스쿼드에서는 웹개발 환경의 변화로 인해서 Node.js를 활용한 웹백엔드의 다양한 배웁니다. Java환경은 추후 열릴 수도 있지만 미정입니다. -
      -
    • - -
    • -
      - Q. 13> - 수강료 환급과정이나 국비 지원이 되나요? -
      -
      - A> - 학원에서 특별히 제공하고 있는 수강료 할인 또는 환급 과정은 없으며, 국비 지원 대상 학원도 아닙니다. 참고 부탁드립니다. -
      -
    • - -
    - -
    -
    - - -
    -
    -
    - - - - - - - -
    - - - - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/masters/be.html b/html_src/html_merged/masters/be.html deleted file mode 100644 index c3b5703d5..000000000 --- a/html_src/html_merged/masters/be.html +++ /dev/null @@ -1,603 +0,0 @@ - - - - - - 코드스쿼드 | Node.js 웹백엔드 모집 - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - -
    -
    -
    -
    - 웹백엔드 개발자가 되는
    최고의 선택
    Node.js 웹백엔드 과정
    - 신청하기 -
    -
    -
    - -
    -
    -
    -

    어느 곳에서나 주니어개발자에게 첫 번째로 요구되는 것은 프로그래밍 능력과 더불어 실무능력입니다. -
    Node.js 웹백엔드를 마치면 더 이상 웹 초보개발자가 아닙니다.

    -
    -
    - -
    -
    -

    - 웹개발자에게 필요한 역량은 너무 많습니다. 주니어개발자에게는 폭넓은 웹백엔드 기술을 다루는 경험이 필요로 합니다. -
    다양한 미션과 프로젝트를 통해 다양한 웹백엔드 개발의 핵심적인 개념을 익히는 것이 아주 효과적인 방법입니다. -

    -
    -
    - -
    - -
    -
    -
    - -
    -
    -

    과정을 수료한 이후에 얻을 수 있는
    세 가지

    -
    -
    -

    프로그래밍 능력

    -
    - 과정을 마치면 다양한 현실세계의 문제를 풀 수 있는 능력을 가지게 됩니다. 또한 개별 프로그래밍 언어의 특징을 잘 이해하면서, 객체와 메소드를 활용한 다양한 프로그래밍 기법을 알게 됩니다. - 그리고 과정을 마치는 시점의 여러분들의 코드는 실무에서도 인정할 수 있는 수준의 코딩컨벤션과 패턴으로 작성되어 있습니다. -
    -
    -
    -

    학습방법을 깨닫다

    -
    초, 중, 고등학교를 거치면서 기초부터 이론 위주의 학습 습관이 우리 몸에 자연스럽게 베어 있습니다.
    - 하지만 프로그래밍에 대한 경험을 먼저 한 후에 이론 지식을 쌓는 학습 방식 또한 효과적입니다.
    - 기존의 학습 방법에 대한 틀을 깨고, 자신만의 학습 방법을 찾아 스트레스를 줄이면서 즐겁게 프로그래밍을 할 수 있습니다.
    -
    -
    -

    실무용 웹백엔드 지식

    -
    Database, 웹프레임워크, 인증과 권한, Restful API, 웹소켓, 웹서버와 보안등 백엔드 기술을 전체적으로 이해하게 됩니다. - 또한 Vue와 같은 웹프론트엔드 프레임워크까지 경험할 수 있습니다. 또한 본인의 노력에 따라서 웹풀스택 개발자로 성장할 수 있는 기회를 얻을 수 있습니다. -
    -
    -
    -
    -
    - -
    -
    -

    개발자가 되기 위해 내 수준이 어느정도인지? 그리고 무엇을 공부해야 할지 답답한가?
    최고의 커리큘럼을 통해 당신이 얼마나 크게 성장할 수 있는지 경험해보자

    -
    -
    - -
    -
    -
    - -
    -

    교육특징

    -
    -
    -

    개개인 코드리뷰와 리뷰를 통한 깊이있는 피드백

    -

    - - 이 강의에서 가장 중요한 것은 당신이 작성한 소스코드 입니다. - 마스터는 상시로, 당신의 얼굴이나 말이 아닌 바로 소스코드를 통해 당신을 파악하고 그에 따른 면밀한 1:1 피드백을 드릴 것입니다. - 이렇게 남은 피드백 로그는 사실상 그 어떤 강의자료보다도 더욱 당신에게 의미가 있을 겁니다. - 여러분은 피드백과 코드리뷰를 통해서 가장 빨리 성장할 수 있을 겁니다. - -

    -
    -
    -

    이론과 미션실습이 잘 섞인 교육방식

    -

    - - 마스터들은 수년간의 소프트웨어 교육 경험을 통해 초보 프로그래머를 벗어나기 위해 반드시 학습해야할 지식과 경험을 알고 있습니다. - 마스터들의 가이드와 마스터즈코스만의 방식을 통해 어떤 지식과 경험을 어떻게 학습하는 것이 효과적인지 체득할 수 있을 것입니다. - 단순히 지식을 전달하는 교육이 아닌 스스로 성장해 나갈 수 있는 역량을 쌓을 수 있습니다. - -

    -
    -
    -

    경력같은 신입 개발자

    -

    - - 미션과 프로젝트를 진행하면서 요구사항을 기능 명세로 구체화하고, 기능을 프로그래밍 요구사항으로 나누는 작업을 합니다. - 프로그래밍 요구 사항을 기준으로 모듈을 설계하고, 설계를 바탕으로 코드를 작성하고 마스터의 피드백을 받습니다. - 신입 개발자 업무와 같은 패턴을 매일 반복해서 경험합니다. - -

    -
    -
    -

    함께 성장하기

    -

    - - 코드스쿼드는 준비된 기본 실력과 열정이 준비되어 있는 분들이 모여서 함께 공부합니다. 마스터와 함께 배우는 부분도 많지만, 모두가 함께 허물없이 질문하고, - 토론하는 문화속에서 여러분들이 빠르게 성장하게 됩니다. 코드스쿼드 교육을 경험하신 많은 분들에게 물어보세요! 우리는 즐겁게 함께 성장합니다 - -

    -
    -
    -
    - -
    -
    -
    - -
    -
    -

    수강대상

    -

    제대로 개발자의 길을 걷고 싶은 분들은 모두 환영합니다.

    -
      -
    • -
      -

      프로그래밍 언어를 하나 배워봤음

      -
      -

      어떤 프로그래밍 언어든 한가지를 배워서 '함수'까지 구현해보신분.

      -
      -
      -
    • - -
    •  
    • - -
    • -
      -

      실무 프로그래머로 가는길이 궁금한 분

      -
      -

      프로그래머로 일할 수 있기 위해서 준비해야 할 것이 무엇인지 잘 모르신다면! 마스터즈코스에서 답을 찾을 수 있습니다.

      -
      -
      -
    • - -
    •  
    • - -
    • -
      -

      최신 기술은 알고 있지만,,

      -
      -

      프로그래밍 기초지식 없이 유행에 초점이 맞춰진 기술만 익힌다면 성장에 큰 한계를 느낍니다. 지금 프로그래밍 역량을 충분히 다져보세요!

      -
      -
      -
    • -
    -
    -
    - - -
    -
    -
    - -
    -
    -

    ✔ Node.js 웹백엔드 커리큘럼

    -

    실무에 꼭 필요한 학습 주제를 코드스쿼드가 개발한 미션 또는 프로젝트를 통해서 학습할 수 있습니다. -
    <커리큘럼은 2020년 1월 전에 약간 조정될 수 있습니다> -

    -
    -
    -
    - -
    -
    - -

    수강생 후기

    -

    마스터즈코스의 교육방식이 아직 생소한가요? -
    이미 마스터즈코스를 들었던 수강생과 강사의 교육을 받은 분들의 리뷰를 확인하세요 -

    - -
    -
    -
    -
    - "정호영 마스터님의 강의를 듣기 전에는 Programming Language에서 Language를 공부했었다. 레벨 1을 들으면서 나는 프로그래밍언어가 아닌 프로그래밍을 배웠다. - 나는 이제 프로그래밍을 공부한다. 언어는 단지 프로그래밍을 돕기 위한 수단일 뿐이다"
    -
    마스터즈코스 수강생
    -
    - -
    -
    - "나는 비전공자로서 공학 기초 수업에서 프로그래밍을 처음 접했다. 하지만 수업을 통해 느꼈던 것은 내가 해당 분야에 흥미도 적성도 없다는 것 뿐이었다 - 하지만 호눅스를 만나고 이 분야가 충분히 재미있고, 나도 할 수 있다는 자신감을 갖게 되었다. 새로 시작하는 누군가에게 꼭 추천하고 싶은 수업이다" -
    -
    마스터즈코스 수강생
    -
    - -
    -
    - "저는 마스터즈코스를 수강하면서 처음으로 코드를 짜는게 즐겁다는 걸 알게 되었어요. - 포인터에 포인터를 찾아가는 c언어 수업에 나가 떨어진 분, 코드가 무섭고 에디터 앞에서 머리가 하얘지는 분들, 꼭 들어보셨으면 좋겠습니다. - 효율적으로 빠르고 바르게 기초를 쌓을 수 있는 경험이었어요. 또 마스터 호눅스의 구글스러움(뭐든지 다 질문가능!)을 느껴 볼 수 있어요!" -
    -
    마스터즈코스 수강생
    -
    - -
    -
    -
    -
    - -
    -
    -
    - -

    정호영 마스터의 메시지

    - -
    -
    - honux -
    -
    -

    - - 본 과정은 프로그래밍 입문자 분들이 과정 수료후 스타트업에 신입개발자로 취업해서 바로 일할 수 있는 역량을 갖추는 것을 목표로 합니다. - 자바스크립트와 node.js 를 사용해서 프로젝트 기반으로 진행되며, 과정을 통해 프로그래밍 언어 뿐 아니라 실제 서비스 운영에 필요한 CS 이론, - 데이터베이스, 네트워크, 서버 운영, 백업과 복구, 클라우드 활용등의 지식을 담았습니다. - 또한 효과적인 학습 방법을 과정 중에 자연스럽게 익혀 앞으로 성장하는데 도움이 되는 과정이 될 수 있도록 커리큘럼을 구성했습니다. - -

    -
    -
    - -
    -
    -
    - -
    -
    -

    코드스쿼드 커리큘럼을 따라 학습하고, 마스터에게 지속적인 피드백을 통해 성장해보세요.
    여러분들이 바로 현장에 꼭 필요한 개발자가 될 수 있습니다.

    -
    -
    - -
    -
    -
    - - - -
    -
    -
    - -
    -
    - -
    -

    - 자주묻는질문

    -
    - -
      -
    • -
      - Q. 01> 2020년 마스터즈 코스는 언제 시작하나요? -
      -
      - A> - 2020년은 1월에 한 차례 한 후, 이후 계획은 아직 없습니다. -
      -
    • - -
    • -
      - Q. 02> 마스터즈 코스 모집 시험 절차가 어떻게 되나요? -
      -
      - A> - 기초적인 프로그래밍이 가능한지 확인하는 문제 풀이 형식의 온라인 시험과, 온라인 시험 결과에 대한 질의응답과 또는 추가문제풀이 형식의 오프라인 시험으로 이루어져 있습니다.
      - 오프라인 시험은 기술적인 준비뿐 아니라, 힘든 마스터즈 과정에 준비가 되어 있으신 분인지를 알아가는 자리입니다. - -
      -
    • - -
    • -
      - Q. 03> 어느 정도 수준이 되어야 마스터즈 코스 모집 시험에 합격할 수 있나요? -
      -
      - A> - 변수, 데이터 타입, 조건문, 반복문, 함수 등을 활용하여 기초적인 프로그래밍 구현이 가능하며, 어느정도 수준의 문제를 해결할 수 있어야 합니다. -
      -
    • - -
    • -
      - Q. 04> 마스터즈 코스에 지원할 수 있는 자격 요건이 있나요? -
      -
      - A> - 특별한 자격 요건은 없습니다. 🙂 -
      -
    • - -
    • -
      - Q. 05> 마스터즈 코스 모집 시험에 어떻게 준비해야 하나요? -
      -
      - A> - 기초적인 프로그래밍이 가능하다면 모집 시험에 충분하지만, 한 번도 프로그래밍 경험이 없으시다면 다음과 같은 컨텐츠를 통해 먼저 스스로 학습해보시길 추천해 드립니다.
      - [코드스쿼드 레벨1 인프런 강의](유료)
      - [생활코딩] (무료)
      - 이 외에도 검색을 통해 무료로 다양한 기초 프로그래밍 학습 컨텐츠들을 찾아보실 수 있습니다. -
      -
    • - -
    • -
      - Q. 06> 마스터즈 코스를 수료하는데 얼마나 걸리나요? -
      -
      - A> - 마스터즈 코스의 커리큘럼은 평균 6개월 정도의 기준으로 구성되어 있습니다. 하지만 개인별 학습 속도가 다르므로 개인마다 마스터즈 코스 과정 수료 기간에 차이가 날 수 있습니다.
      - 마스터즈 중에 취업하시는 분도 계시고, 마스터즈 코스를 마치고 1년가까이 지나야 취업이 가능하신 분들도 있습니다. -
      -
    • - -
    • -
      - Q. 07> 마스터즈 코스 과정 중간에 빈자리가 생긴다면 들어갈 수 있나요? -
      -
      - A> - 과정이 시작되고 나면 중간에 빈자리가 생길 확률이 희박하며, 혹시 빈자리가 생기더라도 코드스쿼드 과정 특성상 진도를 맞추기가 어렵기 때문에 중간에 합류하는 것은 어렵습니다. -
      -
    • - -
    • -
      - Q. 08> 마스터즈 코스 수강료가 어떻게 되나요? -
      -
      - A> - 현재는 한 달에 88만 원 수준입니다. 내부 상황에 따라 수강료는 변동될 수 있습니다. -
      -
    • - -
    • -
      - Q. 09> 문제해결(미션 또는 프로젝트) 방식이 더 좋은 교육 방식인가요? -
      -
      - A> - 교육 진행방식은 마치 개발 회사 현장에서 선배들과 일하면서 배우는 방식과 비슷합니다. 수준별 역량을 보고 필수적으로 경험해야할 것들을 커리큘럼으로 만들어서 단계별 미션으로 제공합니다. 코드스쿼드 멤버라면 언제든지 마스터에게 - 질문을 할수도 있고, 필요한 강의를 요청할 수도 있습니다. -
      -
    • - -
    • -
      - Q. 10> 주말에 공간 활용은 가능한가요? -
      -
      - A> - 주말 오픈은 하지 않으나, 상황에 따라서 토요일 이용이 가능할 수도 있습니다. 일요일은 개방하지 않습니다. -
      -
    • - -
    • -
      - Q. 11> - 클래스별 수강생은 몇명인가요? -
      -
      - A> - 마스터즈코스에서는 iOS, 웹백엔드, 웹프론트엔드 클래스가 있으며, 각각 10~20명 수준으로 학습합니다. -
      -
    • - -
    • -
      - Q. 12> - 백엔드 커리큘럼은 더이상 Java기반으로 하지 않나요? -
      -
      - A> - 코드스쿼드에서는 웹개발 환경의 변화로 인해서 Node.js를 활용한 웹백엔드의 다양한 배웁니다. Java환경은 추후 열릴 수도 있지만 미정입니다. -
      -
    • - -
    • -
      - Q. 13> - 수강료 환급과정이나 국비 지원이 되나요? -
      -
      - A> - 학원에서 특별히 제공하고 있는 수강료 할인 또는 환급 과정은 없으며, 국비 지원 대상 학원도 아닙니다. 참고 부탁드립니다. -
      -
    • - -
    - -
    -
    - - -
    - - - - - - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/masters/curriculum.html b/html_src/html_merged/masters/curriculum.html deleted file mode 100644 index fb888d416..000000000 --- a/html_src/html_merged/masters/curriculum.html +++ /dev/null @@ -1,1251 +0,0 @@ - - - - - - 코드스쿼드 | 마스터즈코스 전체커리큘럼 - - - - - - - - - - - - - - - - - - - - - - -
    - - - -
    - - -
    -
    -

    코드스쿼드의 커리큘럼은
    다양한 기업과 커뮤니티의 검증을 받으며 지속적으로 개선중입니다
    - 2019년 과정은 STEP23으로 새롭게 커리큘럼이 조정될 예정이라, 아래 내용은 현재 수정중입니다 ^^ -

    -
    -
    - -
    -
    -
    - -
    - -
    - -
    -
    -
    - - -
    -
    -

    - 모바일iOS 레벨 2

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    기간주제내용
    1주 -

    스위프트 프로그래밍과 기본 문법의 이해

    -
    -
      -
    • Xcode 개발환경 설정과 이해
    • -
    • Playground에서 스위프트 함수 경험
    • -
    • 구구단 구현을 통한 스위프트 기본 문법 이해
    • -
    • 출력 함수, 변수, 반복문, 2중 반복문, 배열과 서브루틴 확장
    • -
    • git 기본 명령과 소스트리/Xcode 저장소 설정
    • -
    -
    2주차 -

    타입과 함수로 클린 코드 연습하기

    -
      -
    • 스위프트 문법 익숙해지기
    • -
    • Command Line Tool 프로젝트 템플릿
    • -
    • 단위 변환기 - 길이 변환 함수 단위로 확장하기
    • -
    • 형변환
    • -
    • 클린 코드 경험하기
    • -
    • enum 타입과 확장하기
    • -
    • 무게 단위 변환을 위한 함수 분리, 중복 코드 줄이기
    • -
    -
    3주차 -

    객체지향 프로그래밍과 단위 테스트

    -
    -
      -
    • struct 객체 설계하기
    • -
    • 사다리게임 - 함수/객체 역할 분리
    • -
    • 단위 테스트
    • -
    • 설계하기 좋은 구조 경험하기
    • -
    -
    4주차 -

    객체지향 + 프로토콜지향 프로그래밍

    -
    -
      -
    • 객체 역할과 책임
    • -
    • SOLID 객체 설계 5원칙
    • -
    • 좌표계산기 - 객체 추상화
    • -
    • SOLID 객체 설계 5원칙
    • -
    • 프로토콜지향 인터페이스 설계
    • -
    • 단위 테스트
    • -
    -
    5-6주차 -

    복합적인 데이터 설계

    - -
    -
      -
    • JSON 분석기 - 데이터 설계
    • -
    • 정규표현식
    • -
    • 중첩된 배열과 사전
    • -
    • 프로토콜과 익스텐션
    • -
    • 재귀 호출
    • -
    • Exception 예외처리
    • -
    -
    7-8주차 -

    객체지향 + 함수형 프로그래밍

    -
    -
      -
    • 객체 역할 분담하기
    • -
    • 객체 단위로 비교하기
    • -
    • 클로저 활용하기
    • -
    • 점수 알고리즘 단위테스트 적용
    • -
    • 유니코드
    • -
    -
    -
    -
    -
    - -
    -
    -
    - - -
    -
    -

    - 모바일iOS 레벨3

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    기간주제내용
    1주차 -

    디자인 가이드라인과 iOS 프로그래밍

    -
    -
      -
    • 모바일 HIG
    • -
    • 사진액자 앱 - 탭 앱 템플릿
    • -
    • IBOutlet과 IBAction
    • -
    • Scene과 Segue
    • -
    • ViewController 프로그래밍
    • -
    • Container ViewController
    • -
    -
    2주차 -

    Class중심 객체지향 프로그래밍

    -
      -
    • 음료수 자판기 - 객체 모델링
    • -
    • 구현 상속과 인터페이스 상속
    • -
    • SwiftLint
    • -
    • 객체지향 설계과 구현 패턴
    • -
    • 타입과 메타타입
    • -
    • 인터페이스 분리하기
    • -
    -
    3주차 -

    설계 패턴과 View 프로그래밍

    -
    -
      -
    • MVC 설계 패턴
    • -
    • 앱 생명주기와 아카이브
    • -
    • 싱글톤 패턴
    • -
    • 관찰자 패턴
    • -
    • 코드기반 뷰 생성하기
    • -
    • Core Graphics
    • -
    -
    4주차 -

    고급 View 프로그래밍

    -
    -
      -
    • Frame과 Bounds 이해하기
    • -
    • 카드게임 앱 - 계층구조를 가진 복잡한 MVC 역할 분리하기
    • -
    • 뷰 애니메이션
    • -
    • 제스처 인식과 터치 이벤트 핸들링
    • -
    • 드래그 앤 드롭 구현하기
    • -
    -
    5주차 -

    UITableView 기초

    - -
    -
      -
    • UITableViewController와 Static Cell
    • -
    • DataSource 객체 설계하기
    • -
    • UITableViewCell 커스텀 셀
    • -
    • Contacts 프레임워크 적용
    • -
    • 섹션 정렬과 인덱스 구현
    • -
    -
    6주차 -

    웹 앱 만들기

    -
    -
      -
    • UIWebView과 WKWebView
    • -
    • 페이지 로딩 이벤트 핸들링
    • -
    • 모바일 웹 디버깅
    • -
    • UserScript 인젝션
    • -
    • WebKit 핸들러 통신하기
    • -
    • SafariViewController
    • -
    -
    7-8주차 -

    네트워크 기반 앱 만들기

    -
    -
      -
    • 오토레이아웃
    • -
    • 패키지 관리 - CocoaPod
    • -
    • 네트워크 담당 모델 만들기
    • -
    • 병렬처리 GCD와 OperationQueue
    • -
    • 쇼핑앱 - 상품목록/상세화면 전환하기
    • -
    • 연결성 확인 Reachability
    • -
    -
    -
    -
    -
    - -
    -
    -
    - - -
    -
    -

    - 모바일iOS 레벨4

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    기간주제내용
    1주 -

    개인 앱 포트폴리오

    -
    -
      -
    • 기획하기
    • -
    • 일정관리
    • -
    • 이슈관리
    • -
    • 모바일 컴퓨팅 개론 - ARM, 성능측정, 메모리 구조
    • -
    • 멀티미디어 개론 - 오디오, 이미지, 비디오
    • -
    -
    2주차 -

    멀티미디어 프레임워크

    -
      -
    • UICollectionView와 Layout
    • -
    • Photos 라이브러리 활용
    • -
    • AVFoundation 이해
    • -
    • AVAssetWriter 활용하기
    • -
    • GCD 작업 단위 스케줄링하기
    • -
    • Core Image 필터
    • -
    -
    3주차 -

    Objective-C

    -
    -
      -
    • 런타임 API
    • -
    • Block과 Closure
    • -
    • 스위프트 상호 호환성
    • -
    • Effective Objective-C
    • -
    -
    4주차 -

    지역화/국제화

    -
    -
      -
    • 유니버설 영화앱 프로젝트
    • -
    • 지역화 L10n - 언어
    • -
    • 국제화 I18n - 언어와 지역
    • -
    • 파편화 - 디바이스/시뮬레이터/iOS 버전
    • -
    -
    5주차 -

    TCP 네트워크 프로그래밍

    - -
    -
      -
    • 간단 TCP Client 만들기
    • -
    • StreamTask 와 커스텀 프로토콜
    • -
    • TCP Stream 이미지 데이터 분할 처리
    • -
    • 원격캠 뷰어 앱 만들기
    • -
    • 화면 저장하기
    • -
    -
    6주차 -

    영구저장소

    -
    -
      -
    • 코어 데이터 이해와 문제해결
    • -
    • 키체인 이해와 문제해결
    • -
    • iCloud Key-Value / Document 이해와 문제해결
    • -
    • Firebase 이해와 문제해결
    • -
    • Realm 이해와 문제해결
    • -
    -
    7주차 -

    확장성

    -
    -
      -
    • Multipeer-Connectivity 이해와 문제해결
    • -
    • Today Extension 이해와 문제해결
    • -
    • Metal 이해와 문제해결
    • -
    • CoreML 이해와 문제해결
    • - -
    -
    8주차 -

    개인 앱 배포하기

    -
    -
      -
    • CI 도구 활용
    • -
    • TestFlight 베타 배포
    • -
    • 앱 스토어 리뷰등록하기
    • -
    • 사용자 경험 측정하기
    • -
    -
    -
    -
    -
    - -
    -
    -
    - - - -
    -
    -

    Java 웹백엔드 레벨2

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    기간주제내용
    1주차 -

    자바 개발 환경 및 기본 문법 학습

    -
    -
      -
    • 개발환경이해와 구성
    • -
    • git & github PR 이해
    • -
    • 구구단 구현을 통해 자바 기본 문법, 메소드, 클래스 개념 이해
    • -
    • 문자열 계산기 구현을 통해 자바 기본 문법, 메소드, 클래스 개념 이해
    • -
    -
    2주차 -

    초간단 경주용 게임 개발

    -
      -
    • 클래스 변수와 인스턴스 변수
    • -
    • 클래스 메소드와 인스턴스 메소드
    • -
    • 자바 package와 import 문법 이해
    • -
    • 단위 테스트
    • -
    -
    3주차 -

    사다리 게임 개발

    -
    -
      -
    • 2차원 배열
    • -
    • 자바 Collection, Generic
    • -
    -
    4주차 -

    좌표 계산기 개발

    -
    -
      -
    • 상속, 추상 클래스
    • -
    • 인터페이스
    • -
    -
    5-6주차 -

    로또 애플리케이션 개발

    - -
    -
      -
    • 자바 enum
    • -
    • 자바 Exception
    • -
    • 웹 UI 적용을 통해 HTML, CSS
    • -
    • DB 적용을 통해 테이블과 SQL 쿼리
    • -
    -
    7-8주차 -

    볼링 게임 점수판 개발

    -
    -
      -
    • 자바 다형성 경험을 통해 객체 지향 프로그래밍 기본 이해
    • -
    • 웹 UI 적용과 DB 적용 반복 연습
    • -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -

    Java 웹백엔드 레벨3

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    기간주제내용
    1-3주차 -

    반복 주기를 통한 자바 웹 프로그래밍 이해

    -
    -
      -
    • Spring Boot, JPA 기반 개발
    • -
    • 원격 서버에 리눅스 명령어와 쉘 스크립트를 활용해 배포
    • -
    • MVC
    • -
    • 세션, 쿠키 이해
    • -
    • XHR, AJAX, JSON API 이해
    • -
    • Logging 라이브러리
    • -
    • 메이븐, 그래들 빌드 도구
    • -
    -
    4,5주차 -

    Q&A 서비스를 ATDD 기반 개발

    -
      -
    • ATDD 기반
    • -
    • Restful API 구현
    • -
    • 객체지향 개발
    • -
    -
    6,7주차 -

    이슈 관리 시스템 개발

    -
    -
      -
    • 5주차까지 경험함 내용을 기반으로 개발 연습
    • -
    • 파일 업로드, 다운로드 기능 구현
    • -
    -
    8주차 -

    체스 게임 구현

    -
    -
      -
    • TDD, 리팩토링 연습
    • -
    • 객체지향 설계 및 구현 연습
    • -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -

    - Java웹백엔드 레벨4

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    기간주제내용
    1,2주차 -

    HTTP 웹 서버 구현 및 리팩토링

    -
    -
      -
    • HTTP 웹 서버 구현
    • -
    • 앞에서 구현한 HTTP 웹 서버 리팩토링 실습
    • -
    • HTTP 이해
    • -
    -
    3-4주차 -

    서블릿 학습, MVC, JDBC 리팩토링

    -
      -
    • HTTP 웹 서버와 비교해 서블릿/JSP 기본 이해
    • -
    • 지금까지 구현한 서블릿 코드의 문제점
    • -
    • MVC 프레임워크 1단계 구현 실습
    • -
    • JDBC 구현 및 JDBC 코드 문제점 파악
    • -
    • MVC 프레임워크 2단계 구현 실습
    • -
    -
    5-6주차 -

    MVC 3단계, DI 프레임워크 구현

    -
    -
      -
    • JSON API 개발 및 Ajax 구현 실습
    • -
    • MVC 프레임워크 2단계 구현 실습
    • -
    • 자바 reflection 학습
    • -
    • MVC 프레임워크 3단계 구현 실습
    • -
    • DI 프레임워크 구현을 통한 DI 개념 이해
    • -
    -
    7-8주차 -

    Spring 프레임워크 이해

    -
    -
      -
    • Dependency Injection 이해 및 필요성
    • -
    • Bean, Bean Container 이해
    • -
    • Spring AOP, Interceptor, Transaction
    • -
    • Spring Profile, 서버에 따른 배포 자동화
    • -
    -
    -
    -
    -
    - - -
    -
    -
    - - - -
    -
    -

    웹프론트엔드 레벨2

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    기간주제내용
    1주차 -

    자바스크립트 프로그래밍

    -
    -
      -
    • 개발환경이해와 구성
    • -
    • git & github PR 이해
    • -
    • 브라우저 자바스크립트
    • -
    • 자바스크립트 기본 문법(ES2015+)
    • -
    • 함수, 재귀, 자료구조, Scope
    • -
    • 자바스크립트 에러와 디버깅
    • -
    • 다각형의 넓이 구하기
    • -
    • 진수변환 프로그래밍 실습
    • -
    -
    2주차 -

    객체다루기와 클린코드

    -
    -
      -
    • 자바스크립트 객체와 배열 이해
    • -
    • 자바스크립트 데이터처리
    • -
    • 프로그래밍 설계
    • -
    • 클린코드
    • -
    • 자바스크립트 비동기
    • -
    • 학점계산기 개발
    • -
    • 최대공약수와 알고리즘 패턴
    • -
    -
    3주차 -

    자바스크립트 프로그래밍과 특징

    -
    -
      -
    • 언어적인 특징의 이해와 활용
    • -
    • 타입과 함수활용
    • -
    • 대화형 자판기 개발
    • -
    • 로또 생성기 개발
    • -
    • 프로그래밍 복잡도
    • -
    • 부분집합과 알고리즘
    • -
    -
    4주차 -

    함수형 프로그래밍

    -
    -
      -
    • 함수형 프로그래밍의 이해
    • -
    • 리팩토링 및 클린코드
    • -
    • 문자열 조작과 정규표현식
    • -
    • TODO List 개발
    • -
    -
    5주차 -

    객체지향 자바스크립트

    - -
    -
      -
    • Object literal Pattern
    • -
    • Classes
    • -
    • 객체지향적인 프로그래밍 설계
    • -
    • scope,this,bind
    • -
    • 자바스크립트 객체만들기
    • -
    • TODO List 개발
    • -
    -
    6-8주차 -

    복합적인 데이터 설계

    -
    -
      -
    • Array Parser개발과 tokenizer
    • -
    • 데이터 분석과 Stack
    • -
    • 재귀적 호출
    • -
    • 프로그래밍 모듈화 및 설계
    • -
    • 테스트 라이브러리 개발 및 테스트코드 구현
    • -
    • 오류처리
    • -
    • 문서화
    • -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -

    웹프론트엔드 레벨3

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    기간주제내용
    1주차 -

    웹 & HTML & CSS의 이해

    -
    -
      -
    • 웹프로그래밍 이해
    • -
    • HTML 구조화 설계
    • -
    • CSS 속성과 기본활용
    • -
    • 레이아웃
    • -
    • 웹 자판기 HTML,CSS 개발
    • -
    -
    2주차 -

    DOM과 Event

    -
      -
    • DOM APIs 활용
    • -
    • Event
    • -
    -
    3주차 -

    MV* 와 웹UI개발

    -
    -
      -
    • MV* 와 구조설계
    • -
    • 웹자판기 인터랙션 개발
    • -
    • 비동기이해
    • -
    -
    4주차 -

    JavaScript 코드개선

    -
    -
      -
    • loading 개선
    • -
    • Event delegation
    • -
    • prototype pattern
    • -
    • JavaScript Unit test
    • -
    • 코드 리팩토링
    • -
    -
    5주차 -

    모듈방식 프로그래밍과 Ajax

    - -
    -
      -
    • ES Modules과 서비스 설계
    • -
    • Ajax를 통한 비동기 인터랙션
    • -
    • Food 서비스 개발
    • -
    -
    6주차 -

    애니메이션과 UI 인터랙션

    -
    -
      -
    • 웹애니메이션과 transition
    • -
    • 무한 Sliding 인터랙션 개발
    • -
    -
    7주차 -

    form 데이터 개발 및 리팩토링

    -
    -
      -
    • form 데이터 처리
    • -
    • 검색자동완성 기능 개발
    • -
    • 클라이언트 캐시 전략
    • -
    -
    8주차 -

    nodeJS 기반 웹서버구현

    -
    -
      -
    • 웹 백엔드 이해 및 기본환경 구성
    • -
    • nodeJS 기반 자동완성 API 서버 개발
    • -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -

    - 웹프론트엔드 레벨4

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    기간주제내용
    1주차 -

    CSS Advanced

    -
    -
      -
    • Flexbox & Grid layout
    • -
    • CSS Preprocessor 기반 개발
    • -
    • 예약서비스 개발
    • -
    -
    2주차 -

    Front-End 빌드환경

    -
      -
    • webpack 기반 빌드 환경 구성
    • -
    • boilerplate 구성
    • -
    • Mobile web & Touch events
    • -
    • Touch 기반 Slide UI 개발
    • -
    -
    3주차 -

    비동기와 최적화

    -
    -
      -
    • 비동기프로그래밍(promise,async,generator)
    • -
    • lazy loading
    • -
    • Tab UI 개발
    • -
    -
    4주차 -

    패턴과 리팩토링

    -
    -
      -
    • Observer 패턴기반 리팩토링
    • -
    • 테스트 코드 개발
    • -
    • 예약하기 기능 개발
    • -
    -
    5-7주차 -

    SPAs와 React

    - -
    -
      -
    • SPA 이해
    • -
    • React 이해 및 환경구성
    • -
    • State Management
    • -
    • React 기반 프로젝트 개발
    • -
    • SPAs 리팩토링
    • -
    -
    8주차 -

    Functional Programming

    -
    -
      -
    • Functional Programming
    • -
    • Reactive Programming
    • -
    -
    -
    -
    -
    -
    - -
    - - - - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/masters/fe.html b/html_src/html_merged/masters/fe.html deleted file mode 100644 index ea82a3296..000000000 --- a/html_src/html_merged/masters/fe.html +++ /dev/null @@ -1,662 +0,0 @@ - - - - - - 코드스쿼드 | 웹프론트엔드 모집 - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - -
    -
    -
    -
    - 웹프론트엔드 개발자가 되는
    최고의 선택
    웹프론트엔드 과정 -
    - 신청하기 -
    -
    -
    - -
    -
    -
    -

    어느 곳에서나 주니어개발자에게 첫 번째로 요구되는 것은 프로그래밍 능력이다.
    웹프론트엔드 과정을 마치면 더 이상 초보개발자가 아니다.

    -
    -
    - -
    -
    -

    - 자바스크립트의 핵심을 이해하고, 실전에서 사용하는 코딩패턴을 충분히 배울 필요가 있다.
    - 또한 웹프로그래밍에 필요한 다양한 웹기초 지식과 웹프론트개발의 핵심적인 개념을 익히는 것도 중요하다. -

    -
    -
    - -
    -
    -

    자바스크립트 언어를 깊이 있게 이해하고, 웹프론트엔드 개발자에게 필요한 다양한 개념을 마스터하고 싶은 분들에게 이 강의를 추천한다.

    -
    -
    - - -
    - - -
    -
    -
    - -
    -
    -

    과정을 수료한 이후에 얻을 수 있는
    세 가지

    -
    -
    -

    프로그래밍 능력

    -
    - 과정을 마치면 다양한 현실세계의 문제를 풀 수 있는 능력을 가지게 됩니다. 또한 개별 프로그래밍 언어의 특징을 잘 이해하면서, 객체와 메소드를 활용한 다양한 프로그래밍 기법을 알게 됩니다. - 그리고 과정을 마치는 시점의 여러분들의 코드는 실무에서도 인정할 수 있는 수준의 코딩컨벤션과 패턴으로 작성되어 있습니다. -
    -
    -
    -

    학습방법을 깨닫다

    -
    초, 중, 고등학교를 거치면서 기초부터 이론 위주의 학습 습관이 우리 몸에 자연스럽게 베어 있습니다.
    - 하지만 프로그래밍에 대한 경험을 먼저 한 후에 이론 지식을 쌓는 학습 방식 또한 효과적입니다.
    - 기존의 학습 방법에 대한 틀을 깨고, 자신만의 학습 방법을 찾아 스트레스를 줄이면서 즐겁게 프로그래밍을 할 수 있습니다.
    -
    -
    -

    웹프론트엔드 기초

    -
    DOM, Event, Ajax와 같은 가장 중요한 기초개념을 모두 알게되며, 본인이 생각하는 간단한 웹사이트를 만들 수 있습니다.
    -
    -
    -
    -
    - - -
    -
    -

    개발자가 되기 위해 내 수준이 어느정도인지? 그리고 무엇을 공부해야 할지 답답한가?
    최고의 커리큘럼을 통해 당신이 얼마나 크게 성장할 수 있는지 경험해보자

    -
    -
    - -
    -
    -
    - -
    -

    교육특징

    -
    -
    -

    개개인 코드리뷰와 리뷰를 통한 깊이있는 피드백

    -

    - - 이 강의에서 가장 중요한 것은 당신이 작성한 소스코드 입니다. - 마스터는 상시로, 당신의 얼굴이나 말이 아닌 바로 소스코드를 통해 당신을 파악하고 그에 따른 면밀한 1:1 피드백을 드릴 것입니다. - 이렇게 남은 피드백 로그는 사실상 그 어떤 강의자료보다도 더욱 당신에게 의미가 있을 겁니다. - 여러분은 피드백과 코드리뷰를 통해서 가장 빨리 성장할 수 있을 겁니다. - -

    -
    -
    -

    이론과 미션실습이 잘 섞인 교육방식

    -

    - - 마스터들은 수년간의 소프트웨어 교육 경험을 통해 초보 프로그래머를 벗어나기 위해 반드시 학습해야할 지식과 경험을 알고 있습니다. - 마스터들의 가이드와 마스터즈코스만의 방식을 통해 어떤 지식과 경험을 어떻게 학습하는 것이 효과적인지 체득할 수 있을 것입니다. - 단순히 지식을 전달하는 교육이 아닌 스스로 성장해 나갈 수 있는 역량을 쌓을 수 있습니다. - -

    -
    -
    -

    경력같은 신입 개발자

    -

    - - 미션과 프로젝트를 진행하면서 요구사항을 기능 명세로 구체화하고, 기능을 프로그래밍 요구사항으로 나누는 작업을 합니다. - 프로그래밍 요구 사항을 기준으로 모듈을 설계하고, 설계를 바탕으로 코드를 작성하고 마스터의 피드백을 받습니다. - 신입 개발자 업무와 같은 패턴을 매일 반복해서 경험합니다. - -

    -
    -
    -

    함께 성장하기

    -

    - - 코드스쿼드는 준비된 기본 실력과 열정이 준비되어 있는 분들이 모여서 함께 공부합니다. 마스터와 함께 배우는 부분도 많지만, 모두가 함께 허물없이 질문하고, - 토론하는 문화속에서 여러분들이 빠르게 성장하게 됩니다. 코드스쿼드 교육을 경험하신 많은 분들에게 물어보세요! 우리는 즐겁게 함께 성장합니다 - -

    -
    -
    -
    - -
    -
    -
    - -
    -
    -

    수강대상

    -

    제대로 개발자의 길을 걷고 싶은 분들은 모두 환영합니다.

    -
      -
    • -
      -

      프로그래밍 언어를 하나 배워봤음

      -
      -

      어떤 프로그래밍 언어든 한가지를 배워서 '함수'까지 구현해보신분.

      -
      -
      -
    • - -
    •  
    • - -
    • -
      -

      실무 프로그래머로 가는길이 궁금한 분

      -
      -

      프로그래머로 일할 수 있기 위해서 준비해야 할 것이 무엇인지 잘 모르신다면! 마스터즈코스에서 답을 찾을 수 있습니다.

      -
      -
      -
    • - -
    •  
    • - -
    • -
      -

      최신 기술은 알고 있지만,,

      -
      -

      프로그래밍 기초지식 없이 유행에 초점이 맞춰진 기술만 익힌다면 성장에 큰 한계를 느낍니다. 지금 프로그래밍 역량을 충분히 다져보세요!

      -
      -
      -
    • -
    -
    -
    - - -
    -
    -
    - -
    -
    -

    ✔ 웹프론트엔드 커리큘럼

    -

    - 실무에 꼭 필요한 학습 주제를 코드스쿼드가 개발한 미션 또는 프로젝트를 통해서 학습할 수 있습니다. -
    - <커리큘럼은 2020년 1월 전에 약간 조정될 수 있습니다> -

    -
    -
    -
    - -
    -
    - -

    수강생 후기

    -

    마스터즈코스의 교육방식이 아직 생소한가요? -
    이미 마스터즈코스에서 웹프론트엔드 과정을 들었던 수강생의 리뷰를 확인하세요 -

    - -
    -
    -
    -
    - "좋다는 강의를 듣고, 스터디를 하고나면 실력이 늘었다는 성취감에 배불렀었다. - 그러나 그동안 그렇게 얻은 지식들이 코드 위에서는 좀처럼 힘을 못 썼다. - 마스터즈 코스를 들으면서는 이론을 체감하며 코딩할 수 있었고, 그게 공부를 계속 하는데 큰 힘이 되었다. - 마스터즈 코스는 다른 강좌들처럼 모두 똑같은 지식과 똑같은 결과물을 가져가지 않는다. - 노력하는 만큼 더 많이 얻을 수 있고, 각자 다른 방식으로 배우고 개발하고 피드백 받기 때문에 누굴 따라하지 않은 결과물을 내놓을 수 있다는 것도 의미있다. - 이런 방식으로 배울 수 있는 곳은 이곳이 유일무이한 것 같다."
    -
    수강생 Lumi
    -
    - -
    -
    - "코드스쿼드에서는 주입식 교육을 지양하고 스스로 생각하는 힘을 길러준다. - 이곳에서 공부를 시작하면서 터널 속 같던 머릿속에 전등이 활짝 켜지는 느낌이 들었다. - 하나하나 의문이 풀려나갔으며 그와 함께 예전에는 가져본 적 없는 새로운 궁금점들이 꼬리를 물었다. - 그렇게 원리를 이해하며 공부에 속도가 붙었다. 하면 할수록 학창 시절에는 단 한 번도 느껴보지 못한 재미를 느낄 수 있었다." -
    -
    수강생 Tim
    -
    - -
    -
    - "프론트엔드를 혼자 공부했을때는 여러가지 어려움이 있었습니다. - 코드스쿼드는 저에게 그러한 어려움을 극복할 수 있게 해주는 조력자였을 뿐만 아니라 코스가 끝난 이후에도, - 주니어 개발자로서 홀로 설 수 있는 방법을 알려주는 최고의 개발자 교육 전담팀 입니다" -
    -
    수강생 개구리
    -
    - -
    -
    -
    -
    - -
    -
    -
    - -

    윤지수 마스터의 메시지

    - -
    -
    - crong -
    -
    -

    - - 웹프론트엔드의 기술은 최근 아주 빠르게 발전하고 있습니다. 기술을 따라가며 어떤 순서로 어떤 것을 학습해야 할지 선배들도 어려워 할 정도죠. - 이런상황이지만, 당연히도 웹프론트엔드 개발자는 빠르게 기술을 이해해야하고, 다양한 기술을 능숙하게 다룰 줄 알아야 합니다. -
    이것이 가능하기 위해서는 어떻게 해야할까요?
    - 자바스크립트의 다양한 특징을 활용한 코딩을 할 줄 알아야하고, 실무 경험이 묻어난 프로그래밍을 할 줄 알아야 합니다. - 또한 원리를 중심으로, 웹기반 기술을 충분히 이해해야 합니다.
    스텝23을 마치면 그런점을 알게 됩니다. - -

    -
    -
    - -
    -
    - -
    -
    -

    - STEP23을 정복하고, 마스터에게 지속적인 피드백을 통해 성장해보세요.
    여러분들이 바로 현장에 꼭 필요한 개발자가 될 수 있습니다.

    -
    -
    -
    - - - - -
    -
    -
    - - - -
    -
    -
    - -
    -
    - -
    -

    - 자주묻는질문

    -
    - -
      -
    • -
      - Q. 01> 2020년 마스터즈 코스는 언제 시작하나요? -
      -
      - A> - 2020년은 1월에 한 차례 한 후, 이후 계획은 아직 없습니다. -
      -
    • - -
    • -
      - Q. 02> 마스터즈 코스 모집 시험 절차가 어떻게 되나요? -
      -
      - A> - 기초적인 프로그래밍이 가능한지 확인하는 문제 풀이 형식의 온라인 시험과, 온라인 시험 결과에 대한 질의응답과 또는 추가문제풀이 형식의 오프라인 시험으로 이루어져 있습니다.
      - 오프라인 시험은 기술적인 준비뿐 아니라, 힘든 마스터즈 과정에 준비가 되어 있으신 분인지를 알아가는 자리입니다. - -
      -
    • - -
    • -
      - Q. 03> 어느 정도 수준이 되어야 마스터즈 코스 모집 시험에 합격할 수 있나요? -
      -
      - A> - 변수, 데이터 타입, 조건문, 반복문, 함수 등을 활용하여 기초적인 프로그래밍 구현이 가능하며, 어느정도 수준의 문제를 해결할 수 있어야 합니다. -
      -
    • - -
    • -
      - Q. 04> 마스터즈 코스에 지원할 수 있는 자격 요건이 있나요? -
      -
      - A> - 특별한 자격 요건은 없습니다. 🙂 -
      -
    • - -
    • -
      - Q. 05> 마스터즈 코스 모집 시험에 어떻게 준비해야 하나요? -
      -
      - A> - 기초적인 프로그래밍이 가능하다면 모집 시험에 충분하지만, 한 번도 프로그래밍 경험이 없으시다면 다음과 같은 컨텐츠를 통해 먼저 스스로 학습해보시길 추천해 드립니다.
      - [코드스쿼드 레벨1 인프런 강의](유료)
      - [생활코딩] (무료)
      - 이 외에도 검색을 통해 무료로 다양한 기초 프로그래밍 학습 컨텐츠들을 찾아보실 수 있습니다. -
      -
    • - -
    • -
      - Q. 06> 마스터즈 코스를 수료하는데 얼마나 걸리나요? -
      -
      - A> - 마스터즈 코스의 커리큘럼은 평균 6개월 정도의 기준으로 구성되어 있습니다. 하지만 개인별 학습 속도가 다르므로 개인마다 마스터즈 코스 과정 수료 기간에 차이가 날 수 있습니다.
      - 마스터즈 중에 취업하시는 분도 계시고, 마스터즈 코스를 마치고 1년가까이 지나야 취업이 가능하신 분들도 있습니다. -
      -
    • - -
    • -
      - Q. 07> 마스터즈 코스 과정 중간에 빈자리가 생긴다면 들어갈 수 있나요? -
      -
      - A> - 과정이 시작되고 나면 중간에 빈자리가 생길 확률이 희박하며, 혹시 빈자리가 생기더라도 코드스쿼드 과정 특성상 진도를 맞추기가 어렵기 때문에 중간에 합류하는 것은 어렵습니다. -
      -
    • - -
    • -
      - Q. 08> 마스터즈 코스 수강료가 어떻게 되나요? -
      -
      - A> - 현재는 한 달에 88만 원 수준입니다. 내부 상황에 따라 수강료는 변동될 수 있습니다. -
      -
    • - -
    • -
      - Q. 09> 문제해결(미션 또는 프로젝트) 방식이 더 좋은 교육 방식인가요? -
      -
      - A> - 교육 진행방식은 마치 개발 회사 현장에서 선배들과 일하면서 배우는 방식과 비슷합니다. 수준별 역량을 보고 필수적으로 경험해야할 것들을 커리큘럼으로 만들어서 단계별 미션으로 제공합니다. 코드스쿼드 멤버라면 언제든지 마스터에게 - 질문을 할수도 있고, 필요한 강의를 요청할 수도 있습니다. -
      -
    • - -
    • -
      - Q. 10> 주말에 공간 활용은 가능한가요? -
      -
      - A> - 주말 오픈은 하지 않으나, 상황에 따라서 토요일 이용이 가능할 수도 있습니다. 일요일은 개방하지 않습니다. -
      -
    • - -
    • -
      - Q. 11> - 클래스별 수강생은 몇명인가요? -
      -
      - A> - 마스터즈코스에서는 iOS, 웹백엔드, 웹프론트엔드 클래스가 있으며, 각각 10~20명 수준으로 학습합니다. -
      -
    • - -
    • -
      - Q. 12> - 백엔드 커리큘럼은 더이상 Java기반으로 하지 않나요? -
      -
      - A> - 코드스쿼드에서는 웹개발 환경의 변화로 인해서 Node.js를 활용한 웹백엔드의 다양한 배웁니다. Java환경은 추후 열릴 수도 있지만 미정입니다. -
      -
    • - -
    • -
      - Q. 13> - 수강료 환급과정이나 국비 지원이 되나요? -
      -
      - A> - 학원에서 특별히 제공하고 있는 수강료 할인 또는 환급 과정은 없으며, 국비 지원 대상 학원도 아닙니다. 참고 부탁드립니다. -
      -
    • - -
    - -
    -
    - -
    - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/masters/ios.html b/html_src/html_merged/masters/ios.html deleted file mode 100644 index fa81d5cd5..000000000 --- a/html_src/html_merged/masters/ios.html +++ /dev/null @@ -1,638 +0,0 @@ - - - - - 코드스쿼드 | 모바일iOS 과정 모집 - - - - - - - - - - - - - - - - - - - - - -
    - - - - -
    -
    -
    -
    - 모바일iOS 개발자가 되는
    최고의 선택
    모바일iOS 과정 -
    - 신청하기 -
    -
    -
    - -
    -
    -
    -

    어느 곳에서나 주니어개발자에게 첫 번째로 요구되는 것은 프로그래밍 능력이다.
    모바일iOS 과정을 마치면 더 이상 초보개발자가 아니다.

    -
    - -
    -
    -

    - 스위프트라는 언어로 프로그래밍 연습을 시작합니다.
    - 반복적으로 단계별 문제를 스스로 해결하면서 프로그래밍 역량을 키워보세요. -

    -
    -
    - -
    -
    -

    현업 iOS 개발자들에게도 테스트, 리팩터링과 코드 리뷰를 통해 읽기 좋은 코드 만들기는 영원한 숙제다.
    - 체계적으로 자신의 코드를 개선하면서 객체중심 설계와 함수중심 설계에 익숙해져서 iOS 개발을 즐겨보자.
    - 그리고 스스로 생각하고 직접 설계한 방식으로 동작하는 코드를 만들어 낼수 있는 개발자가 되어보자. -

    -
    -
    - - -
    - - -
    - -
    -
    -

    과정을 수료한 이후에 얻을 수 있는
    세 가지

    -
    -
    -

    프로그래밍 능력

    -
    - 과정을 마치면 다양한 현실세계의 문제를 풀 수 있는 능력을 가지게 됩니다. 또한 개별 프로그래밍 언어의 특징을 잘 이해하면서, 객체와 메소드를 활용한 다양한 프로그래밍 기법을 알게 됩니다. - 그리고 과정을 마치는 시점의 여러분들의 코드는 실무에서도 인정할 수 있는 수준의 코딩컨벤션과 패턴으로 작성되어 있습니다. -
    -
    -
    -

    학습방법을 깨닫다

    -
    초, 중, 고등학교를 거치면서 기초부터 이론 위주의 학습 습관이 우리 몸에 자연스럽게 베어 있습니다.
    - 하지만 프로그래밍에 대한 경험을 먼저 한 후에 이론 지식을 쌓는 학습 방식 또한 효과적입니다.
    - 기존의 학습 방법에 대한 틀을 깨고, 자신만의 학습 방법을 찾아 스트레스를 줄이면서 즐겁게 프로그래밍을 할 수 있습니다.
    -
    -
    -

    스위프트 클린코드

    -
    품질 좋은 코드를 작성하는 연습을 단계별로 경험해야 합니다. 스스로 코드를 개선하는 코드리뷰를 통해서 문법 활용, 객체지향 설계원칙 SOLID, 클린 코드를 만들 수 있게 됩니다.
    -
    -
    -
    -
    - - -
    -
    -

    개발자가 되기 위해 내 수준이 어느정도인지? 그리고 무엇을 공부해야 할지 답답한가?
    최고의 커리큘럼을 통해 당신이 얼마나 크게 성장할 수 있는지 경험해보자

    -
    -
    - -
    - -
    -

    교육특징

    -
    -
    -

    개개인 코드리뷰와 리뷰를 통한 깊이있는 피드백

    -

    - - 이 강의에서 가장 중요한 것은 당신이 작성한 소스코드 입니다. - 마스터는 상시로, 당신의 얼굴이나 말이 아닌 바로 소스코드를 통해 당신을 파악하고 그에 따른 면밀한 1:1 피드백을 드릴 것입니다. - 이렇게 남은 피드백 로그는 사실상 그 어떤 강의자료보다도 더욱 당신에게 의미가 있을 겁니다. - 여러분은 피드백과 코드리뷰를 통해서 가장 빨리 성장할 수 있을 겁니다. - -

    -
    -
    -

    이론과 미션실습이 잘 섞인 교육방식

    -

    - - 마스터들은 수년간의 소프트웨어 교육 경험을 통해 초보 프로그래머를 벗어나기 위해 반드시 학습해야할 지식과 경험을 알고 있습니다. - 마스터들의 가이드와 마스터즈코스만의 방식을 통해 어떤 지식과 경험을 어떻게 학습하는 것이 효과적인지 체득할 수 있을 것입니다. - 단순히 지식을 전달하는 교육이 아닌 스스로 성장해 나갈 수 있는 역량을 쌓을 수 있습니다. - -

    -
    -
    -

    경력같은 신입 개발자

    -

    - - 미션과 프로젝트를 진행하면서 요구사항을 기능 명세로 구체화하고, 기능을 프로그래밍 요구사항으로 나누는 작업을 합니다. - 프로그래밍 요구 사항을 기준으로 모듈을 설계하고, 설계를 바탕으로 코드를 작성하고 마스터의 피드백을 받습니다. - 신입 개발자 업무와 같은 패턴을 매일 반복해서 경험합니다. - -

    -
    -
    -

    함께 성장하기

    -

    - - 코드스쿼드는 준비된 기본 실력과 열정이 준비되어 있는 분들이 모여서 함께 공부합니다. 마스터와 함께 배우는 부분도 많지만, 모두가 함께 허물없이 질문하고, - 토론하는 문화속에서 여러분들이 빠르게 성장하게 됩니다. 코드스쿼드 교육을 경험하신 많은 분들에게 물어보세요! 우리는 즐겁게 함께 성장합니다 - -

    -
    -
    -
    - -
    - -
    -
    -

    수강대상

    -

    제대로 개발자의 길을 걷고 싶은 분들은 모두 환영합니다.

    -
      -
    • -
      -

      프로그래밍 언어를 하나 배워봤음

      -
      -

      어떤 프로그래밍 언어든 한가지를 배워서 '함수'까지 구현해보신분.

      -
      -
      -
    • - -
    •  
    • - -
    • -
      -

      실무 프로그래머로 가는길이 궁금한 분

      -
      -

      프로그래머로 일할 수 있기 위해서 준비해야 할 것이 무엇인지 잘 모르신다면! 마스터즈코스에서 답을 찾을 수 있습니다.

      -
      -
      -
    • - -
    •  
    • - -
    • -
      -

      최신 기술은 알고 있지만,,

      -
      -

      프로그래밍 기초지식 없이 유행에 초점이 맞춰진 기술만 익힌다면 성장에 큰 한계를 느낍니다. 지금 프로그래밍 역량을 충분히 다져보세요!

      -
      -
      -
    • -
    -
    -
    - - -
    -
    -
    - -
    -
    -

    ✔ 모바일 iOS 커리큘럼

    -

    실무에 꼭 필요한 학습 주제를 코드스쿼드가 개발한 미션 또는 프로젝트를 통해서 학습할 수 있습니다.
    - <커리큘럼은 2020년 1월 전에 약간 조정될 수 있습니다>

    -
    -
    -
    - -
    -
    - -

    수강생 후기

    -

    마스터즈코스의 교육방식이 아직 생소한가요? -
    이미 마스터즈코스에서 모바일iOS 과정을 들었던 수강생의 리뷰를 확인하세요 -

    - -
    -
    -
    -
    - "스스로 자립할 수 있는 개발자가 되고 싶으시다면, 개발자로 마음먹었다면, 혹은 모르겠다면 일단와서 문을 두드리고 결정하세요. - 스텝1부터 스스로 문제를 해결하는 방법을 배우고 코드의 질을 높이고 스텝을 거쳐가면서 iOS를 배우며 고민하고 직접 해결하다보면 어느새 iOS개발자가 되어있을것입니다."
    -
    수강생 Napster
    -
    - -
    -
    - "프로그래밍 실력을 놓고 볼 때 단기속성이라는 요행을 바라는 것은 오히려 독이 된다고 생각합니다. - 꾸준히 노력해서 한단계씩 발전한다는 생각으로 지금 당장 시작하세요." -
    -
    수강생 Jake
    -
    - -
    -
    - "혼자 공부하다가 왠지 모르게 복잡한 소스코드가 마음에 걸리고, - 지인찬스와 구글링으로도 해결 할 수 없는 에러 때문에 엉엉 울어본 적 있는 분들은 (자리 얼마 없으니) 어서오세요 :)" -
    -
    수강생 Elly
    -
    - -
    -
    -
    -
    - -
    -
    -
    - -

    김정 마스터의 메시지

    -

    이번 과정은 레진, NEXT 등에서 실무와 교육 경력을 가진 모바일iOS의 최고수, 김정 마스터가 진행합니다

    -
    - -
    -
    - 김정 -
    -
    -

    - - 학교를 다닐 때나 SW 개발을 배울 때도, 공부는 옆사람과 경쟁하며 고독하게 혼자해야 하는 거라고 배웠다. 단지 결과를 만드는 주입식 강의는 성장하는 데 도움이 되지 않는다. - 자신의 실력보다 조금더 어려운 문제를 스스로 해결하면서 마스터와 함께 배우고, 옆사람과 함께 성장할 수 있도록 설계했다. - 개발자가 된다는 것은 과거형이 아니라 현재 진행형이어야만 한다. - -

    -
    -
    - -
    -
    - -
    -
    -

    - STEP23을 정복하고, 마스터에게 지속적인 피드백을 통해 성장해보세요.
    여러분들이 바로 현장에 꼭 필요한 개발자가 될 수 있습니다. -

    -
    -
    -
    - - - - -
    - - - -
    - -
    -
    - -
    -

    - 자주묻는질문

    -
    - -
      -
    • -
      - Q. 01> 2020년 마스터즈 코스는 언제 시작하나요? -
      -
      - A> - 2020년은 1월에 한 차례 한 후, 이후 계획은 아직 없습니다. -
      -
    • - -
    • -
      - Q. 02> 마스터즈 코스 모집 시험 절차가 어떻게 되나요? -
      -
      - A> - 기초적인 프로그래밍이 가능한지 확인하는 문제 풀이 형식의 온라인 시험과, 온라인 시험 결과에 대한 질의응답과 또는 추가문제풀이 형식의 오프라인 시험으로 이루어져 있습니다.
      - 오프라인 시험은 기술적인 준비뿐 아니라, 힘든 마스터즈 과정에 준비가 되어 있으신 분인지를 알아가는 자리입니다. - -
      -
    • - -
    • -
      - Q. 03> 어느 정도 수준이 되어야 마스터즈 코스 모집 시험에 합격할 수 있나요? -
      -
      - A> - 변수, 데이터 타입, 조건문, 반복문, 함수 등을 활용하여 기초적인 프로그래밍 구현이 가능하며, 어느정도 수준의 문제를 해결할 수 있어야 합니다. -
      -
    • - -
    • -
      - Q. 04> 마스터즈 코스에 지원할 수 있는 자격 요건이 있나요? -
      -
      - A> - 특별한 자격 요건은 없습니다. 🙂 -
      -
    • - -
    • -
      - Q. 05> 마스터즈 코스 모집 시험에 어떻게 준비해야 하나요? -
      -
      - A> - 기초적인 프로그래밍이 가능하다면 모집 시험에 충분하지만, 한 번도 프로그래밍 경험이 없으시다면 다음과 같은 컨텐츠를 통해 먼저 스스로 학습해보시길 추천해 드립니다.
      - [코드스쿼드 레벨1 인프런 강의](유료)
      - [생활코딩] (무료)
      - 이 외에도 검색을 통해 무료로 다양한 기초 프로그래밍 학습 컨텐츠들을 찾아보실 수 있습니다. -
      -
    • - -
    • -
      - Q. 06> 마스터즈 코스를 수료하는데 얼마나 걸리나요? -
      -
      - A> - 마스터즈 코스의 커리큘럼은 평균 6개월 정도의 기준으로 구성되어 있습니다. 하지만 개인별 학습 속도가 다르므로 개인마다 마스터즈 코스 과정 수료 기간에 차이가 날 수 있습니다.
      - 마스터즈 중에 취업하시는 분도 계시고, 마스터즈 코스를 마치고 1년가까이 지나야 취업이 가능하신 분들도 있습니다. -
      -
    • - -
    • -
      - Q. 07> 마스터즈 코스 과정 중간에 빈자리가 생긴다면 들어갈 수 있나요? -
      -
      - A> - 과정이 시작되고 나면 중간에 빈자리가 생길 확률이 희박하며, 혹시 빈자리가 생기더라도 코드스쿼드 과정 특성상 진도를 맞추기가 어렵기 때문에 중간에 합류하는 것은 어렵습니다. -
      -
    • - -
    • -
      - Q. 08> 마스터즈 코스 수강료가 어떻게 되나요? -
      -
      - A> - 현재는 한 달에 88만 원 수준입니다. 내부 상황에 따라 수강료는 변동될 수 있습니다. -
      -
    • - -
    • -
      - Q. 09> 문제해결(미션 또는 프로젝트) 방식이 더 좋은 교육 방식인가요? -
      -
      - A> - 교육 진행방식은 마치 개발 회사 현장에서 선배들과 일하면서 배우는 방식과 비슷합니다. 수준별 역량을 보고 필수적으로 경험해야할 것들을 커리큘럼으로 만들어서 단계별 미션으로 제공합니다. 코드스쿼드 멤버라면 언제든지 마스터에게 - 질문을 할수도 있고, 필요한 강의를 요청할 수도 있습니다. -
      -
    • - -
    • -
      - Q. 10> 주말에 공간 활용은 가능한가요? -
      -
      - A> - 주말 오픈은 하지 않으나, 상황에 따라서 토요일 이용이 가능할 수도 있습니다. 일요일은 개방하지 않습니다. -
      -
    • - -
    • -
      - Q. 11> - 클래스별 수강생은 몇명인가요? -
      -
      - A> - 마스터즈코스에서는 iOS, 웹백엔드, 웹프론트엔드 클래스가 있으며, 각각 10~20명 수준으로 학습합니다. -
      -
    • - -
    • -
      - Q. 12> - 백엔드 커리큘럼은 더이상 Java기반으로 하지 않나요? -
      -
      - A> - 코드스쿼드에서는 웹개발 환경의 변화로 인해서 Node.js를 활용한 웹백엔드의 다양한 배웁니다. Java환경은 추후 열릴 수도 있지만 미정입니다. -
      -
    • - -
    • -
      - Q. 13> - 수강료 환급과정이나 국비 지원이 되나요? -
      -
      - A> - 학원에서 특별히 제공하고 있는 수강료 할인 또는 환급 과정은 없으며, 국비 지원 대상 학원도 아닙니다. 참고 부탁드립니다. -
      -
    • - -
    - -
    -
    - -
    - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/masters/level1.html b/html_src/html_merged/masters/level1.html deleted file mode 100644 index 27adafb1f..000000000 --- a/html_src/html_merged/masters/level1.html +++ /dev/null @@ -1,593 +0,0 @@ - - - - - 코드스쿼드 | 마스터즈코스 레벨1 모집 - - - - - - - - - - - - - - - - - - - - - -
    - - - - -
    -
    -
    -
    - 프로그래머가 되는 가장 빠른 길
    마스터즈코스 레벨1(4주특강) -
    - - 마감됐습니다 -
    -
    -
    - -
    -
    -
    -

    프로그래밍은 처음 배울때 최선의 선택지에서 제대로 배우는 것이 매우 중요합니다.
    마스터즈 레벨1은 언제나 성공할 수 있는 좋은 선택지 입니다.

    -
    - -
    -
    -

    - 프로그래밍은 스스로 많은 코딩연습을 하는 과정이 필요합니다.
    - 하지만 '어떤 프로그래밍을 어디서부터 배워야할지?, 내가 제대로 하고 있는지?' 에 대해 지속적인 도움과 리뷰를 받는 것이 중요합니다
    - 이번과정은 온라인으로 또는 책을 통해 프로그래밍입문 과정에서 어려움을 겪는 분들위한 과정입니다.
    -

    -
    -
    - -
    -
    -

    프로그래머가 꿈이라면, 시작부터 코드스쿼드와 함께 즐겁게 프로그래밍을 배워보세요! -
    - 레벨1은 온라인강의이지만, 이번에 특별히 4주간 특강이 열립니다. -
    - 코드스쿼드 마스터가 여러분들을 적극 도와드립니다. -

    -
    -
    - -
    -
    -
    -
    -
      -
    • 강사: 코드스쿼드 정호영 마스터
    • -
    • 모집기간: 6월5일 - 7월17일
    • -
    • 교육기간: 7월18일 - 8월8일(4주)
    • -
    • 교육시간: 매주 수요일 13:30 - 18:00
    • -
    • 요일별계획: 매일 온라인 학습, 수요일(강의/코드리뷰/Q&A)
    • -
    • 장소: 강남구 강남대로 62길 23 4층 코드스쿼드
    • -
    • 문의: 070-4117-1005 / yoda@codesquad.kr
    • -
    -
    -
    -
    -
    - - -
    - -
    -
    -

    레벨1를 수료한 이후에 얻을 수 있는
    세 가지

    -
    -
    -

    프로그래밍을 할 수 있어요!

    -
    - 프로그래밍이 어떻게 동작하고, 어떻게 할 수 있는지 깨닫게 될 뿐만 아니라, - 자바스크립트 언어로 내가 스스로 간단한 프로그램을 구현할 수 있게 됩니다. -
    - 그리고 전문프로그래머로 갈 수 있는 마스터즈 레벨2를 이어서 할수 있는 프로그래밍 실력을 갖추게 됩니다. -
    -
    -
    -

    프로그래밍이 재밌어요

    -
    혼자 공부하다보면 프로그래밍이 재미없고 막막한 느낌이 들 수 있습니다. 레벨1을 마칠쯤에는 프로그래밍이 얼마나 재미있고 흥미로운 것인지 알게 됩니다.
    -
    -
    -

    컴퓨터 프로그래밍 기초지식

    -
    프로그래밍 뿐 아니라 git,웹,네트워크 등의 지식을 함께 알게 됩니다. 또한 웹 UI 개발자에게 필요한 기초지식도 알 수 있습니다. -
    이런 지식들은 실무에서 가장 필요로하는 전산학 지식입니다 -
    -
    -
    -
    -
    - - -
    -
    -

    수많은 온라인 콘텐츠와 책을 보면서 학습하는데 지치셨나요?
    4주간의 코드스쿼드의 도움을 받아 드디어 초보를 벗어나보세요!

    -
    -
    - -
    -
    -

    - 커리큘럼

    -

    - (현재 커리큘럼이 STEP23에 맞춰서 수정중입니다) -

    -
    -
    -
      -
    • -

      1주차: 미션: 구구단 구현하기 및 과제 수행

      -
        -
      • 개별 학습: 자바스크립트 데이터 타입, 반복문, 조건문 학습, 온라인 레벨1 구구단 영상 시청
      • -
      • 강의: 자바스크립트 기본 문법, git의 기초 사용법, 리눅스 명령어, 개발자의 공부 방법
      • -
      -
    • -
    • -

      2주차: 구구단 구현하기2

      -
        -
      • 개별학습: 레벨 1 구구단 및 계산기 영상 시청, 함수, 객체, HTML, CSS 학습
      • -
      • 강의: 계산기 구현하기, git 사용법 2, 터미널 명령어 기초
      • -
      -
    • -
    • -

      3주차: 계산기 구현하기

      -
        -
      • 개별학습: 레벨1 퍼즐 구현 영상 시청, git 및 github 사용법 학습
      • -
      • 강의: 15 퍼즐 구현하기 학습, github을 이용한 코드리뷰
      • -
      -
    • -
    • -

      4주차:캔버스 애니메이션 구현하기

      -
        -
      • 개별학습: 비동기, 이벤트 처리 학습
      • -
      • 강의: 캔버스 애니메이션, 이벤트와 비동기, 알고리즘 사이트에서 연습문제 풀기
      • -
      -
    • -
    -
    -
    -

    -
    - 한주동안 미리 지정된 과제를 수행합니다. -
    - 코드스쿼드에서 제공하는 인프런 마스터즈 레벨1 온라인 자료와 생활코딩, 프로그래머스 등 다양한 온라인 영상을 시청하고 이를 바탕으로 과제를 수행해 옵니다. -
    - 어려워서 중간에 과제를 포기했더라도 괜찮습니다. -
    - 온라인 메신저를 이용한 QA, 오프라인 강의 및 미션 점검, 개별 리뷰를 통해 막힌 지점을 시원하게 해결해 줍니다.

    -
    -
    - -
    - -
    -

    교육특징

    -
    -
    -

    온라인/오프라인 방식으로 효율적인 학습

    -

    - - 본인이 가능한 시간에 프로그래밍 문제를 풀면서 학습을 할 수 있습니다. - 하지만 답답한 내용이나 궁금증은 온라인 커뮤니케이션 채널을 통해 마스터와 동료학생과 함께 답을 찾아나갈 수 있습니다. - 그리고 오프라인으로 만나서 정말 궁금한 것들을 말끔히 해결할 수 있고 궁금한 부분을 마스터와 소통하며 강의를 들으며 내것으로 만들 수 있습니다. - -

    -
    -
    -

    재미있는 수업

    -

    - - 프로그래밍 시작단계에서는 모든 것이 어렵고 지치기 일쑤입니다. 코드스쿼드의 풍부한 전문 교육 경험을 토대로 흥미로운 내용의 강의를 제공합니다. - 온라인 뿐만 아니라 오프라인에서 가장 재미있고 몰입감 있는 강의를 들을 수 있습니다. - -

    -
    -
    -

    마스터즈 첫번째 레벨

    -

    - - 이 과정은 업계에서 인정받은 코드스쿼드 마스터즈 코스의 첫번째 레벨로, 프로그래가 되기 위해 가장 필요한 기초지식을 모아둔 강의 입니다. - 가장 빨리 효과적인 학습이 가능한 커리큘럼을 최고의 마스터와 함께 배울 수 있습니다. - -

    -
    -
    -
    - -
    - -
    -
    -

    수강대상

    -

    프로그래밍을 배우고 싶거나, 개발자의 길을 걷고 싶은 분들 모두를 환영합니다. ☺

    -
      -
    • -
      -

      프로그래밍이 처음입니다!

      -
      -

      정말 프로그래밍을 처음 배워서 입문 단계에 계신 분들

      -
      -
      -
    • - -
    •  
    • - -
    • -
      -

      실무 프로그래머로 가는길이 궁금한 분

      -
      -

      프로그래머로 일할 수 있기 위해서 맨 처음 준비해야 할 것이 무엇인지 잘 모르신다면! 레벨1에서 답을 찾을 수 있습니다.

      -
      -
      -
    • - -
    •  
    • - -
    • -
      -

      개발이 무엇인지 찐하게 알고 싶은 분

      -
      -

      전문 프로그래머가 아니더라도 이제는 프로그래밍 지식을 알아야 하는 것은 필수 입니다. 레벨1 과정을 마치면 프로그래밍 관련 진짜 지식을 갖게 됩니다

      -
      -
      -
    • -
    -
    -
    - -
    -
    - -

    수강생 후기

    -

    마스터즈코스의 교육방식이 아직 생소한가요? -
    이미 마스터즈코스 레벨1을 들었던 수강생의 리뷰를 확인하세요 -

    - -
    -
    -
    -
    - "4개월 만에 개발자로 전향할 수 있다고 광고하는 학원을 다녔지만, - 4개월이 지난 뒤에도 코드 한 줄 짜는 법을 몰랐다. 그런 내가 코드스쿼드를 우연히 발견한 건 행운이었다. - 코드스쿼드에서는 단순히 선생님의 코드를 따라치는 것이 아니라, 직접 프로그램을 만들고, - 알고리즘 문제를 풀며 문법을 익히고, 더 나은 방법은 없는지 궁금했다. 스스로 생각해 문제를 해결하는 능력을 키울 수 있는 학원은 코드스쿼드가 유일하다고 생각한다."
    -
    수강생 DongDong
    -
    - -
    -
    - "막연히 동경했지만 매번 실패했던 프로그래밍 분야에 발을 들여 놓을 수 있었던 수업. - 나는 비전공자로서 공학 기초 수업에서 프로그래밍을 처음 접했다. 하지만 수업을 통해 느꼈던 것은 내가 해당 분야에 흥미도 적성도 없다는 것 뿐이었다 - 하지만 정호영마스터를 만나고 이 분야가 충분히 재미있고, 나도 할 수 있다는 자신감을 갖게 되었다. 새로 시작하는 누군가에게 꼭 추천하고 싶은 수업이다." -
    -
    수강생 Will
    -
    - -
    -
    - "마스터즈코스 레벨1 강의는 단순히 프로그래밍 언어만을 배우는 것이 아니라, 개발자가 되기 위한 기초지식을 전반적으로 배울 수 있었습니다. - 그렇기 때문에, 단순히 처음 프로그래밍을 하는 분들은 물론, 기존에 어느정도 프로그래밍을 할 줄 아는 분들은 더욱 유익할 거라 생각합니다. - 수강하고 나서, 가장 좋았던 부분은 정호영 마스터의 재밌는 강의였지만, 앞으로 무엇을 공부해야될지에 대한 틀이 잡혀서 좋았습니다." -
    -
    수강생 Jack
    -
    - -
    -
    -
    -
    - -
    -
    -
    - -

    정호영 마스터의 메시지

    -

    이번 과정은 NAVER, NEXT, Amazon에서 실무 경력과 교육 경력을 가진 정호영 마스터가 진행합니다

    -
    - -
    -
    - honux -
    -
    -

    - - 레벨 1 과정은 온라인 개별학습에 대한 리뷰와 오프라인 학습으로 구성됩니다. - 온라인과 오프라인에 이미 좋은 자료들이 넘치지만 그래도 여전히 개발 공부를 혼자 하는 건 어렵습니다. - 코드스쿼드 레벨 1 과정에서는 4주간 여러분들이 개발 입문이라는 큰 벽을 넘을 수 있도록 도와줍니다. - -

    -
    -
    - -
    -
    - -
    -
    -

    - 4주간 마스터에게 온라인과 오프라인 도움을 받으며 프로그래머로 시작해보세요
    여러분들이 바로 현장에 꼭 필요한 개발자가 될 수 있습니다. -

    -
    -
    -
    - - -
    - - - -
    - -
    -
    - -
    -

    - 자주묻는질문

    -
    - -
      -
    • -
      - Q. 01> 이번 모집은 인프런에 공개된 온라인 수업과 어떤 관련이 있나요? -
      -
      - A> 네. 이미 인프런에 온라인 수업이 공개됐습니다. - 하지만 온라인 학습의 한계는 분명이 있으며, 오프라인 수업과 Q&A, 리뷰과정을 통해서 좀더 빠르고 정확한 프로그래밍 방법을 익히는데 도움을 드리고자 합니다. -
      -
    • - -
    • -
      - Q. 02> 레벨1를 꼭 들어야 레벨2 지원이 가능한가요? -
      -
      - A> 레벨2 모집은 레벨1수업을 신청하지 않아도 별도 신청이 가능합니다. - 다만 레벨1 강의를 신청하신 분은 코드스쿼드 마스터즈코스 레벨2에 참여하실 때 많은 부분이 자연스럽고 수월할 것입니다. -
      -
    • - -
    • -
      - Q. 03> 4주, 주1회 수업으로 제가 프로그래밍을 할 수 있을까요? -
      -
      - A> 수업을 통해서 더 빨리 프로그래밍을 이해하고 구현할 수 있게 됩니다. 하지만 4주동안 스스로 프로그래밍 문제를 많이 풀어보시면서 연습을 하셔야 합니다. - 오프라인 수업은 프로그래밍을 공부하는데 더 빠르고 정확한 방법을 가이드 해드리는 도우미 역활입니다. -
      -
    • - -
    • -
      - Q. 04> 레벨승급은 언제 어떻게 이루어지나요? -
      -
      - A> - 레벨1을 이수한 분들은 레벨2 문제를 어렵지 않게 푸실 수 있으며, 그렇다면 레벨2에 참여할 수 있습니다. -
      -
    • - - -
    • -
      - Q. 05> 수요일 이외 요일에 코드스쿼드에서 학습할 수 없나요? -
      -
      - A> - 현재 다른 레벨의 수업이 풀타임으로 진행중임으로 다른 요일에 코드스쿼드에서의 학습은 불가능 합니다. -
      -
    • - -
    • -
      - Q. 06> 과정에 참여하기 전에 준비해야 할 것이 있나요? -
      -
      - A> - 온라인으로 프로그래밍 기초부분을 먼저 학습해오시면 좋습니다. 인프런에 코드스쿼드 마스터즈 레벨1을 추천합니다. -
      -
    • -
    - -
    -
    - - -
    - - - - - - - - - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/react.html b/html_src/html_merged/react.html deleted file mode 100644 index 9189e03ec..000000000 --- a/html_src/html_merged/react.html +++ /dev/null @@ -1,460 +0,0 @@ - - - - - 코드스쿼드 | 리액트 웹 프로그래밍 - - - - - - - - - - - - - - - - - - - - - - -
    - - - - -
    -
    -
    - 클린 리액트 웹 프로그래밍 -
    -
    리액트의 원리부터 최신실전기술까지!
    (2020년 5월예정)
    - 대기자신청하기 -
    -
    -
    - - -
    -
    -
    -

    - 과정 특징 -

    이번과정은 단순히 React API를 익히는 과정이 아닙니다.

    -

    React의 동작을 제대로 이해하고, 디자인방법과 코드품질을 향상시키는 기술을 다룹니다

    -

    -
    -
    -

    실무에 필요한 커리큘럼

    -
    Hooks기반의 컴포넌트 디자인, 복잡한 상태관리, 최적화, 테스팅, React 디자인패턴등 실무에 필요한 리액트 기술을 배울 수 있습니다.
    -
    -
    -

    1:1 코드리뷰

    -
    과정내내 온라인/오프라인 코드리뷰위주로 진행합니다. 마스터와 1:1로 코드품질과 클린코드에 대해서 지속적인 커뮤니케이션과 배움을 얻을 수 있습니다. -
    -
    -
    -
    -

    클린 React프로그래밍

    -
    React 컴포넌트 구조를 어떻게 만들어야할지, 어떤 흐름으로 프로그래밍 관계를 제어해야할지 알게 됩니다. - 구현레벨 뿐 아니라 전체 아키텍쳐 관점에서 더 깔끔한 React프로그래밍 코드와 지속가능한 리액트서비스 코드를 만들 수 있게 됩니다. -
    -
    -
    -
    -
    - - -
    -
    -
    - - -
    -
    -

    - 커리큘럼

    -

    5주간 주1회 밀도있는 오프라인 수업으로 배우고, 과제진행을 통해 체득하며, 코드리뷰를 통해 완성합니다.

    -

    난이도는 중급입니다.

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    기간주제내용
    1주차 -

    프레임워크개발 전 코어개념

    -
    -
      -
    • Closure, currying,Immutable
    • -
    • Data fetching & Suspense handling
    • -
    • Plain React 렌더러
    • -
    -
    2주차 -

    개발환경과 React렌더링

    -
    -
      -
    • 웹팩과 바벨로 개발환경 구성하기
    • -
    • React 동작원리
    • -
    • React 데이터흐름
    • -
    -
    3주차 -

    Hooks기반 컴포넌트개발과 스타일링

    -
    -
      -
    • Hooks 원리와 APIs
    • -
    • Hooks 기반 컴포넌트 구조 설계
    • -
    • Styling
    • -
    • React Router
    • -
    • Hooks기반 State management
    • -
    -
    4주차 -

    최적화와 서버사이드렌더링

    -
    -
      -
    • Reconciliation & Rendering 이해
    • -
    • Concurrent Mode
    • -
    • 렌더링 최적화 APIs
    • -
    • 서버사이드 렌더링
    • -
    -
    5주차 -

    리액트 테스팅

    -
    -
      -
    • 프레임워크 테스트의 원리와 목적
    • -
    • JEST
    • -
    • React Testing library
    • -
    • 효율적인 React 컴포넌트 테스트 방법
    • -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -

    - - 수강대상 -

    -

    ES6이상의 자바스크립트 문법을 이해하고, 바닐라로 Event와 DOM제어를 할 수 있는 개발자

    -

    React를 한번 이상 접해서 간단한 프로그래밍을 구현해 본 개발자

    -
    -
    - -
    -
    -
    - - -
    -
    -
    - -

    - 강사의 메시지 -

    -

    - [강사는 NAVER UI개발팀장, SK Planet 프론트엔드마스터, NEXT UI전임교수였으며, NAVER edwith와 inflearn에 웹프론트엔드 강의를 제공중입니다] -

    -

    - [SK플래닛, 삼성전자, 삼성생명, 우아한형제들, 커넥트, 스마일게이트 등 주요 기업 교육경험이 많습니다] -

    -
    - -
    -
    - crong -
    -
    -

    - - React를 제대로 이해하고 사용하는 것은 결코 쉽지 않습니다. 또한 React프레임워크는 끝임없이 변화중입니다. 이러한 변화에 잘 대응하기 위해서는 리액트의 기반 기술과 렌더링원리를 깨닫는 것이 중요합니다. - 먼저 웹프론트엔드 개발의 핵심개념들을 잘 알고 있어야 합니다. 그리고 React의 동작방식에 대한 깊은 이해와 Best practice가 무엇인지 알아야합니다.
    - 본 과정에서는 React최신기술을 알게되고, 효율적이며 최적화된 React프로그래밍을 깨닫게 됩니다. 여러분들은 과정이 진행되는 동안 React프로젝트를 만들며 1:1 코드리뷰를 꼼꼼히 받을 수 있습니다. - -

    -
    -
    - -
    -
    - -
    -
    -

    - "리액트의 원리를 깨닫고 조금더 생산적이고 즐거운 웹 프로그래밍을 즐겨보세요!" -

    -
    -
    -
    - - -
    -
    -

    - 전체일정

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - -
    ➀ 모집일정 -
      -
    • 2020년 4월말~5월초
    • -
    -
    ➁ 교육일정 -
      -
    • 5월~6월경 5주
    • -
    • 수업 : 매주목요일 19:00-22:00
    • -
    • 코드리뷰: 상시
    • -
    -
    ➂ 비용 및 등록 -
      -
    • 88만원
    • -
    • 결제방법 : 자동이체 또는 현장에서 카드결제만 가능
    • - -
    -
    ➃ 기타 -
      -
    • 장소 :서울특별시 강남구 강남대로62길 23, 4층
    • -
    • 수료증 :과정이수 후 발급가능
    • -
    -
    ➄ 문의 - -
    -
    -
    - -
    -
    - -
    - - - - - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/reg/aws-basic.html b/html_src/html_merged/reg/aws-basic.html deleted file mode 100644 index a44df8502..000000000 --- a/html_src/html_merged/reg/aws-basic.html +++ /dev/null @@ -1,205 +0,0 @@ - - - - - 코드스쿼드 | 마스터즈 대기자 모집 - - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    -

    AWS Basic 과정 신청

    -
    - -

    신청 후 1-2일 내로 신청완료 메일을 보내드립니다

    -
    -
    AWS로 서비스 만드는 건 정말 꿀~ 😍
    - -
    -
    -
    -
    - - - - - - - - - -
    - - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/reg/be.html b/html_src/html_merged/reg/be.html deleted file mode 100644 index 7a3cbc919..000000000 --- a/html_src/html_merged/reg/be.html +++ /dev/null @@ -1,205 +0,0 @@ - - - - - 코드스쿼드 | 마스터즈 모집 - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    -

    "마스터즈 Java 웹백엔드 레벨2"

    -
    -

    바로 신청하세요!

    -
    -
    Spring M V C
    - -
    -
    -
    -
    - - - - - - - - - - - -
    - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/reg/fe.html b/html_src/html_merged/reg/fe.html deleted file mode 100644 index fb1b720d9..000000000 --- a/html_src/html_merged/reg/fe.html +++ /dev/null @@ -1,205 +0,0 @@ - - - - - 코드스쿼드 | 마스터즈 모집 - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    -

    "마스터즈 웹프론트엔드 레벨2"

    -
    -

    바로 신청하세요!

    -
    -
    HTML, CSS, JavaScript
    - -
    -
    -
    -
    - - - - - - - - - - - -
    - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/reg/ios.html b/html_src/html_merged/reg/ios.html deleted file mode 100644 index 71d8869e4..000000000 --- a/html_src/html_merged/reg/ios.html +++ /dev/null @@ -1,205 +0,0 @@ - - - - - 코드스쿼드 | 마스터즈 모집 - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    -

    "마스터즈 모바일 iOS 레벨2"

    -
    -

    바로 신청하세요!

    -
    -
    taylor swift ~
    - -
    -
    -
    -
    - - - - - - - - - - - -
    - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/reg/level1.html b/html_src/html_merged/reg/level1.html deleted file mode 100644 index 615ab7a05..000000000 --- a/html_src/html_merged/reg/level1.html +++ /dev/null @@ -1,204 +0,0 @@ - - - - - 코드스쿼드 | 마스터즈 레벨1 모집 - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    -

    "마스터즈 레벨1"

    -
    -

    바로 신청하세요!

    -
    -
    시작이 반이죠~~
    - -
    -
    -
    -
    - - - - - - - - - - - -
    - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/reg/masteringjs.html b/html_src/html_merged/reg/masteringjs.html deleted file mode 100644 index 0cd9df5c8..000000000 --- a/html_src/html_merged/reg/masteringjs.html +++ /dev/null @@ -1,206 +0,0 @@ - - - - - 코드스쿼드 | 마스터링 자바스크립트 - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    -

    "자바스크립트를 제대로 마스터 할 수 있는 마스터링 자바스크립트"

    -
    -

    지금 신청하세요!

    - -
    -
    JS가 강의하는 JS~~~
    - -
    -
    -
    -
    - - - - - - - - - - - -
    - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/reg/masters-step23.html b/html_src/html_merged/reg/masters-step23.html deleted file mode 100644 index 637087a1b..000000000 --- a/html_src/html_merged/reg/masters-step23.html +++ /dev/null @@ -1,204 +0,0 @@ - - - - - 코드스쿼드 | 마스터즈코스 모집 - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    -

    "마스터즈코스 STEP23"

    -
    -

    2019년 4월과정이 종료됐습니다.

    -
    - - -
    -
    -
    -
    - - - - - - - - - - - -
    - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/reg/masters.html b/html_src/html_merged/reg/masters.html deleted file mode 100644 index 0379a3024..000000000 --- a/html_src/html_merged/reg/masters.html +++ /dev/null @@ -1,205 +0,0 @@ - - - - - 코드스쿼드 | 마스터즈 대기자 모집 - - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    -

    "2020년 1월 시작 마스터즈코스 접수"

    -
    -

    어서 신청 하세요!

    - -
    -
    마스터즈코스에서 씐나는 개발을 경험해보세요!
    - -
    -
    -
    -
    - - - - - - - - - -
    - - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/reg/react.html b/html_src/html_merged/reg/react.html deleted file mode 100644 index 6df79b19a..000000000 --- a/html_src/html_merged/reg/react.html +++ /dev/null @@ -1,203 +0,0 @@ - - - - 코드스쿼드 | 시니어 프론트엔드 개발자 - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    -

    클린 리액트 웹프로그래밍

    -
    -

    지금 대기자로 신청하세요!

    -
    -
    webpack, react, jsx, hooks ~
    - -
    -
    -
    -
    - - - - - - - - - - - -
    - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/reg/seniorfe.html b/html_src/html_merged/reg/seniorfe.html deleted file mode 100644 index c272abc85..000000000 --- a/html_src/html_merged/reg/seniorfe.html +++ /dev/null @@ -1,205 +0,0 @@ - - - - - 코드스쿼드 | 시니어 프론트엔드 개발자 - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    -

    "시니어 프론트엔드 개발자 되기"

    -
    -

    대기자 신청을 하세요!

    -

    다음 모집이 시작되면 먼저 연락을 드립니다!
    아직 다음모집 시기는 미정입니다

    -
    -
    Super Senior 가 돼어보자 ~~!!
    - -
    -
    -
    -
    - - - - - - - - - - - -
    - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/regSwiftTdd.html b/html_src/html_merged/regSwiftTdd.html deleted file mode 100644 index 0363b4105..000000000 --- a/html_src/html_merged/regSwiftTdd.html +++ /dev/null @@ -1,204 +0,0 @@ - - - - 코드스쿼드 | 스위프트 클린코드와 TDD, 리팩토링 - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    -

    "스위프트 클린코드와 TDD, 리팩토링"

    -
    -

    대기자 신청을 하세요!

    -

    다음 모집이 시작되면 먼저 연락을 드립니다!
    아직 다음모집 시기는 미정입니다

    -
    -
    Taylor Swift가 Swift코딩을 한다면~~~~
    - -
    -
    -
    -
    - - - - - - - - - - - -
    - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/regTdd.html b/html_src/html_merged/regTdd.html deleted file mode 100644 index c7ae1255b..000000000 --- a/html_src/html_merged/regTdd.html +++ /dev/null @@ -1,204 +0,0 @@ - - - - - 코드스쿼드 | 클린코드를 위한 TDD, 리팩토링 with Java 모집 - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    -

    "클린코드를 위한 TDD, 리팩토링 with Java"

    -
    -

    바로 신청하세요!

    -
    -
    Given~When~Then~ Loooooding~~~
    - -
    -
    -
    -
    - - - - - - - - - - - -
    - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/regTddstandby.html b/html_src/html_merged/regTddstandby.html deleted file mode 100644 index 435d3259a..000000000 --- a/html_src/html_merged/regTddstandby.html +++ /dev/null @@ -1,205 +0,0 @@ - - - - - 코드스쿼드 | 클린코드를 위한 TDD, 리팩토링 with Java 모집 - - - - - - - - - - - - - - - - - - - -
    - - - -
    -
    -

    "클린코드를 위한 TDD, 리팩토링 with Java"

    -
    -

    대기자 신청을 하세요!

    -

    다음 모집이 시작되면 먼저 연락을 드립니다!
    아직 다음모집 시기는 미정입니다

    -
    -
    Given~When~Then~ Loooooding~~~
    - -
    -
    -
    -
    - - - - - - - - - - - -
    - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/schedule.html b/html_src/html_merged/schedule.html deleted file mode 100644 index 4345d3ca9..000000000 --- a/html_src/html_merged/schedule.html +++ /dev/null @@ -1,246 +0,0 @@ - - - - - 코드스쿼드 | 소프트웨어 개발 교육 및 기술 컨설팅 | CodeSquad - - - - - - - - - CodeSquad - - - - - - - - - - - - -
    -
    -
    -

    마스터즈코스 일정

    -
    -
    -
    -
    -
    -
    -
      -
    • -
      -
      화이트레벨 시작
      -
      6주
      Web BackEnd
      -
      -
      -
      2017년 8월초
      - -
      -
    • -
    • -
      -
      블루레벨 모집
      -
      iOS,
      Web FrontEnd,
      Web BackEnd
      -
      -
      -
      2017년 9월초
      - -
      -
    • -
    • -
      -
      블루레벨 시작
      -
      12주예정
      iOS,
      Web FrontEnd,
      Web BackEnd
      -
      -
      -
      2017년 10월초
      - -
      -
    • -
    • -
      -
      화이트레벨 모집
      -
      기간미정,
      개설과정미정
      -
      -
      -
      2018년 1월초
      - -
      -
    • -
    -
    -
    -
    - - - - - - - - - - - \ No newline at end of file diff --git a/html_src/html_merged/seniorfe.html b/html_src/html_merged/seniorfe.html deleted file mode 100644 index a58caeaf1..000000000 --- a/html_src/html_merged/seniorfe.html +++ /dev/null @@ -1,418 +0,0 @@ - - - - - - 코드스쿼드 | Senior FrontEnd Developer - - - - - - - - - - - - - - - - - - - - - - -
    - - - - -
    -
    -
    - SENIOR FRONT-END DEVELOPER -
    - 고오급 시니어 프론트엔드 개발자로 가기위한 최고의 과정 -

    -
    -
    -
    - - - -
    - - - -
    -
    -

    -